ni742017

当produce接受到数据时会为原始数据创建一个代理对象作为draft对象传给你的回调函数。 之后当你读取draft的任意原始值时，你将会获取到一个被Proxy包装过的代理对象。（原因见下文） Proxy只能监听一层属性的变化，无法获取到深层的改变。如 draft.a.b 的改…

简介：模板方法模式是一种只需通过继承就可以实现的简单模式。这种模式在前端框架中十分常见，vue、react的组件定义都用到了该模式。大家思考下为什么我们在vue组件中定义的生命周期函数会按照给定的顺序执行呢？通过下面的简单示例来了解下。 简介：享元模式是一种用于性能优化的模式，…

相信大家在开发前端的项目时都尝试使用vue-cil之类的脚手架工具来初始化项目，通过这类工具我们可以快速的得到一个包含webpack、babel和基本框架代码的项目模板极大地提升了开发效率也降低了上手的难度。 你可以创建一个在项目根目录创建一个.babelrc文件来拓展babe…

设计模式是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。 就好比在足球比赛中我们把“边后卫快速突破后向球门方向传出高球，中路队员接应头球攻门”这种战术称作“下底传中”一样是针…

简介：单例模式是一种常用的模式，我们在多次引入其他模块时，并不需要每次都创建一个新的模块对象，复用之前创建过的对象不仅能减少内存的开销，同时也可以体验共享对象带来的便利。简单来说就是使用闭包持久保存函数上一次的执行结果，在之后的调用中直接返回。例如js 中模块加载的方式：req…