使用Array.fill()填充引用类型数据的问题

生成一个长度为2的数组，内容为 {a: 1} 的对象填充使用Es6 Array.fill 方法生成写起来倒是简单粗暴: const arr = Array(2).fill({a: 1})然后问题就来了：尝试修改 arr 的第一项: arr[ ...

Windows快捷键

系统功能按键功能 Win + D 返回桌面 Win + , 暂时返回桌面，松开回到当前任务 Win + shift + S 使用windows截屏工具 Win + E 资源管理器 Win + R 运行 Win ...

VSCode快捷键（一）

忽略目录/文件(setting中设置) // 文件目录展示忽略 "files.exclude": { "filder/": true, "file": true } // 搜索忽略 "search.exclude& ...

vue原理实现理解

纸上得来终觉浅😂，还是自己敲一遍才能深刻理解，先上代码https://justwe7.github.io/mvvm/index.html Vue运行机制 new Vue()之后会执行init，初始化data、props、生命周期、methods、computed、watch等。主要通过Object. ...

vue中v-model和sync修饰符

在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。如子组件可以关闭一个confirm窗口，父组件也可以关闭，数据源应该使用同一个字段，即：数据双向绑定上述问题的两种解决方式有：传入对象，子组件通过对象引用修改对象key的值，触发父级数据的更新比较合理的是使用$emit，父组件$on来监听更改并更新数据v-model和.sync都是类似基于第二种方法实现的语法糖。个人认为两者在解决问题的结果上没有太大区别，目的都是实现父子组件数据的双向绑定，本质都是语法糖。 ...

什么是发布—订阅模式

发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般用事件模型来替代传统的发布—订阅模式。应用场景： 100个用户喜欢小四的写的小说，但是小四写小说需要时间，所以这100个人每隔一会就会问一下小四写完没(setInterval)，小四卒... 小四的哥哥明姚也喜欢写小说，然后开通了一个微博，这100个用户都关注了(订阅)，明姚写完发布一篇微博，用户都会收到( ...

npx简单使用

npm 从5.2版开始，增加了 npx 命令。主要功能是让我们可以在命令行管理操作npm依赖。npx的执行顺序机制是首先会自动检查当前项目中的可执行依赖文件（即./node_modules/.bin下面的可用依赖），如果不存在就会去环境变量path中寻找，如果还没有就会自动安装，其安装的依赖位于node安装目录中的node_cache/_npx之中，所以安装的依赖只是临时的。调用项目安装的模块将mocha作为本地devDependency进行安装，查看版本号正常操作： ...