摘要:
新老项目维护时node环境切换麻烦怎么办? 不用担心,有了nvm ,一个命令就能切换node版本。 首先需要安装nvm工具,进入下载地址。 下载之后安装nvm. nvm安装之后还需要配置两个环境变量(NVM_HOME,NVM_SYMLINK) 。安装包应该会自动写入环境变量,可以忽略. 安装完成后打 阅读全文
摘要:
最近在改一个移动端项目,在手机上调试贼头疼,什么日志都看不到,分析不了bug问题。 然后我同事给我介绍了一个移动端的调试神器 -- vconsole 有了这个神器,领导再也不用担心我的工作啦!!! 0.0 怎么使用VConsole呢? 超简单的,只需要2步 第一步: 在页面引入vconsole的cd 阅读全文
摘要:
第一章、加载和执行 Loading & Execution 原因:Javascript 的执行导致页面渲染中止等待。 解决: 第二章、数据访问 Date Access 原因: 在Javascript中,数据存储位置可以对代码整体兴能产生重大影响。有四种数据访问类型:直接量,变量,数组项,对象成员。直 阅读全文
摘要:
一般情况下,版本号分为3级: 1级:重构版本 2级:重大功能改进 3级:小功能升级和bug修改 例如: 0.0.1 (依次为1级,2级,3级) 0.x.x (一级为0,说明该项目还在测试阶段,正式上线后就应该设置为1或者更高) 阅读全文
摘要:
下面是html 内容: 我需要给li 绑定事件,打印点击的内容 如果点击到正确的元素是不会出错的,但是一旦拖拽或者点到空白区域,就会打印全部元素 为了避免这个bug,只需要进行一个简单的判断target 接下来再次测试: 阅读全文
摘要:
为了保证每次提交的 git 代码是正确的,为此我们可以使用 eslint 配合 git hook, 在进行git commit 的时候验证eslint规范 如果 eslint 验证不通过,则不能提交。 我们需要安装一个 git 的 hook 工具 -- husky npm install husky 阅读全文
摘要:
上个博客说到了如何配置 eslint 和 editorconfig, 但是每次运行项目的时候才能知道哪段代码不符合规范,确实也有点蛋疼。 那么能不能直接在编辑器中就能看到不符合规范的代码的呢??? 这不是废话吗,肯定是有的呀。 打开vscode ,搜索插件 eslint 安装插件 安装好了重新打开项 阅读全文
摘要:
项目中使用eslint 为什么使用eslint : 为了保持代码风格的统一 在做vue项目的时候, 基本上都会使用 vue-cli 脚手架去创建一个vue 项目,里面可以选择使用eslint 代码检测,我相信大多数人都关闭了,在以前我是不用eslint 工具的,我会觉得使用很麻烦,到处都在报错。 而 阅读全文
摘要:
学习之前先来说一说一些概念 子项 1.正则的一个分组为一个子项,子项的匹配结果可以在这个子项之后被使用 2.子项是有顺序的,以(出现的位置顺序从左到右,第一个'()'--分组 包含的为第一子项,第二个为第二子项,一次类推) 3.可以在子项后面使用\n的形式来反向引用子项的匹配结果.(n为子项的序号, 阅读全文
摘要:
利用ES6中的Proxy (代理) 和 Reflect 实现一个简单的双向数据绑定demo。 好像vue3也把 obj.defineProperty() 换成了Proxy+Reflect。 话不多说,直接上代码 实现的效果: 监听input 的时候修改newProxy的值,检测到newProxy 重 阅读全文