面壁人浮川 发布的文章 - 浮川的小窝

window、mac下 nvmrc的使用 最近公司正在搞华为上云开发 给的开发机是window :@(内伤):@(内伤):@(内伤) 虽然平常也是工作娱乐 mac->window左右横跳 但是在window上开发还是少然后就是新机一顿装环境、装开发软件、拉项目、装包 然后切环境运行项目这个node-sass是真特娘的难装 yarn npm cnpm pnpm 轮着装愣是不好用 最后还是翻着墙把这个破玩意下下来的 :@(小怒) :@(小怒) :@(小怒)发现window上切node版本有点问题 我先装的vscode插件里的vsc-nvm 这个window-nvm有点兼容问题 即使你配置了.nvmrc他也读不到配置的版本信息 然后又尝试用vscode-nvm 插件市场里有俩 我都试了 蓝蓝的插件用是好用 但是就是这个定时弹窗弹得我脑袋瓜子嗡嗡的(ps:作者说是因为终端权限问题 换了种实现方式 说是解决了无限弹窗问题 也可能是我配置问题 我这一直在弹) 然后又尝试用Powerful NPM Run 这个功能挺多 但是他没有开终端直接执行版本切换 需要手动执行命令后才会执行切换动作 发现新大陆nvswindow原帖在这,博主写的很详细,一步步操作跟下来是没问题的简化: // 第一步 下载nvs // https://github.com/jasongin/nvs/releases/download/v1.7.1/nvs-1.7.1.msi // 第二步 添加环境变量 // $env:PATH += ";$HOME\.nvs" // 第三步 用管理员身份打开powershell // Test-Path $Profile // 如果返回true则跳过下一步，返回false执行以下命令： // New-Item –Path $Profile –Type File –Force // notepad $Profile // 添加代码 if (Test-Path -Path ".\.nvmrc") { nvs use $(Get-Content .nvmrc).replace( 'v', '' ) } // 第四步 如果powershell阻止配置的命令，则使用管理员身份运行以下命令： // Set-ExecutionPolicy RemoteSignedmacos intel 采用nvm就可以简化: # 第一步 下载nvm brew update brew install nvm # 第二步 添加环境变量 vim ~/.bash_profile # 第三步 添加环境变量 # ---------------------nvm------------------------- export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # ---------------------end------------------------ # ---------------------自动执行node版本切换------------------------ cd() { builtin cd "$@" if [ -f ".nvmrc" ]; then nvm use fi } autoload -U add-zsh-hook load-nvmrc() { local nvmrc_path="$(nvm_find_nvmrc)" if [ -n "$nvmrc_path" ]; then local nvmrc_node_version=$(nvm version "$(cat "$")") if [ "$nvmrc_node_version" = "N/A" ]; then nvm install elif [ "$nvmrc_node_version" != "$(nvm version)" ]; then nvm use fi elif [ -n "$(PWD=$OLDPWD nvm_find_nvmrc)" ] && [ "$(nvm version)" != "$(nvm version default)" ]; then echo "Reverting to nvm default version" nvm use default fi } add-zsh-hook chpwd load-nvmrc load-nvmrc # ---------------------end------------------------以上

如何配置项目下都需要排除的文件呢？试试全局.gitignore 开发中常会遇到一堆项目下 总有几个相同的文件 代码提交时不想提到gitlab上 比如我vscode中 记录每次保存的文件插件 Local History(这软件可救过我好几次狗命 :@(害羞):@(害羞):@(害羞) ) 他会在本地产生.history文件 还有python生成的.venv 还有不同项目需要不同的node环境进行运行的.nvmrc 等等那么遇到这些个文件 你总不能一个一个项目进去配置吧 好多项目啊要改很多 那么怎么统一去配置这些排除项呢1. 创建或编辑全局 .gitignore 文件 ：在你项目根目录创建一个global-gitignore文件 名称随意 然后创建.gitignore文件2. 配置 Git 使用全局 .gitignore 文件 ： git config --global core.excludesfile ~/.gitignore_global验证配置 git check-ignore -v .nvmrc另附项目中不同node环境免切换配置方法1：在本机终端中配置# ---------------------自动执行node版本切换------------------------ autoload -U add-zsh-hook load-nvmrc() { local nvmrc_path="$(nvm_find_nvmrc)" if [ -n "$nvmrc_path" ]; then local nvmrc_node_version=$(nvm version "$(cat "$")") if [ "$nvmrc_node_version" = "N/A" ]; then nvm install elif [ "$nvmrc_node_version" != "$(nvm version)" ]; then nvm use fi elif [ -n "$(PWD=$OLDPWD nvm_find_nvmrc)" ] && [ "$(nvm version)" != "$(nvm version default)" ]; then echo "Reverting to nvm default version" nvm use default fi } add-zsh-hook chpwd load-nvmrc load-nvmrc # ---------------------end------------------------在项目中配置.nvmrc 文件 内容写入当前项目运行的node版本v18.0.0方法2：在vscode中配置进入设置（可以通过点击左下角的齿轮图标，然后选择“设置”）。在搜索框中输入 settings.json，然后点击“在 settings.json 中编辑”链接。在 settings.json 文件中添加以下配置："terminal.integrated.shellArgs.osx": ["-l", "-c", "nvm use; exec zsh"]这里假设你使用的是 zsh 作为默认终端。如果你使用的是 bash，可以将 exec zsh 替换为 exec bashEnd

js中sort方法chrome和safari的不同 写业务时遇到的兼容问题 主要是谁平常用safari调试啊 :@(狂汗) :@(狂汗) 顺手点开发现布局有问题 赶紧的实验了下 如图这个以后真要注意了 幸亏没上正式的时候发现的 :@(脸红) :@(脸红)

使用防抖节流犯的低级错误 场景是这样的 有一个v3拖拉组件组 当拖动时会回调一个方法 进行整体布局的计算最最初是这样写的methods: { drag_handleBackLayout(newLayout, height) { if (this.gridState.resizing) { throttle(() => { this.drag_changeBackGroundGridRows(height) }, 50)() } debounce(() => { this.saveDisabled = false if (!this.gridState.resizing) this.drag_changeBackGroundGridRows(height) }, 100)() }, }发现毛用没有 函数根本没有起到作用 :@(吐血倒地)然后尝试使用方案2 methods: { ... // 移动、拉伸卡片时重新计算背景网格数据 drag_handleBackLayout(newLayout, height) { // 执行防抖函数 this.drag_debounceForResize() // 执行节流函数 this.drag_debounceForComputed() } ... }开始时我采用了最笨但是管用的写法 data() { return { // 初始化节流函数 drag_debounceToComputed: this.drag_debounceForComputed(), // 初始化防抖函数 drag_debounceToResize: this.drag_debounceForResize() } }， methods: { // 防抖函数 drag_debounceForResize() { return throttle(this.drag_changeBackGroundGridRows, 50) }, // 节流函数 drag_debounceForComputed() { return debounce(() => { if (!resizing) this.drag_changeBackGroundGridRows(height) // 对比新旧数据是否相同 管理工作台保存按钮是否禁用 this.saveDisabled = this.template_compareLayoutData(newLayout, oldLayout) // 保存localStorage信息 并根据状态渲染背景网格 localStorage.setItem('personalComptsList', JSON.stringify(newLayout)) }, 5); }， drag_handleBackLayout(newLayout, height) { // 执行防抖函数 this.drag_debounceToResize(height) // 执行节流函数 this.drag_debounceToComputed() } }这种方式没问题使用闭包创建了属性 整个生命周期只会调用一次初始化后的这个节流函数 但是经过我时间加搜索 发现可以简化下逻辑 用更易懂的写法来编写然后尝试使用方案3methods:{ // 移动、拉伸卡片时重新计算背景网格数据 drag_handleBackLayout(newLayout, height) { this.drag_debounceForResize(height) // 执行节流函数 this.drag_debounceForComputed({ height, newLayout, resizing, oldLayout }) }, // 防抖函数 // 保证防抖节流函数在整个生命周期中返回同一个函数 // 注:使用匿名函数 并且无需使用bind绑定this methods声明的方法vue会自动编定到this上 // 使用箭头函数会找不到this 箭头函数是被创建时的上下文确认this 那this指向的是函数drag_handleBackLayout drag_debounceForResize: throttle(function (height) { this.drag_changeBackGroundGridRows(height) }, 50), // 节流函数 drag_debounceForComputed: debounce(function() { this.saveDisabled = this.template_compareLayoutData(newLayout, oldLayout) }, 5), }注:使用匿名函数 并且无需使用bind绑定this methods声明的方法vue会自动编定到this上使用箭头函数会找不到this 箭头函数是被创建时的上下文确认this 那this指向的是函数drag_handleBackLayout

10年的巨人 今日在我这完结了 但是战争永不停歇 暂无简介