Laugh丶

webpack是模块化打包工具，可以加载多种资源的模块，我们这里只实现加载js模块的功能（主要其他的我不会）。 先看下流程图，这是我们要实现的功能，把main.js模块依赖的子模块打包到bundle.js ，最后执行bundle文件就能访问到各个模块依赖的资源。 首先我们需要通…

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这是官方的定义，言外之意有3层意思。 但是我们又会遇到一个问题？commit提交的时候，异步之后修改state的值，会造成commit执行完，但数据还未修改的情况。所以vuex又引入了action的概念，在acti…

实例化：会遍历data和props上的每一个属性，使用defineProperty（vue3.0实现proxy）把它变为响应式的，同时实例化一个Dep（收集Watcher和通知Watcher渲染元素）。 在第一渲染的时候，属性flag和a的Dep收集了Watcher，当flag…

mounted 是在patch完成之后执行。从流程图可以看出，vue组件的挂载是先子后父，所以mounted的执行顺序也是先子后父吗？理论执行顺序是这样的，但是子组件挂载的时候，由于根组件还没挂载到页面上，所以此时访问不到dom元素，也违背了mounted挂载完成的意思。 in…

iterator是遍历数据结构（Object,Array,Set,Map等）提供的统一接口。 刚接触的小伙伴肯定和我当初一样，对这概念一脸懵逼。我们先看一下它大概长什么样 那这有什么用呢？我们可以在array,set,map等数据结构中实现类似这样的iterator 接口，通过…

这还不够简便，我们开发中总是手动执行一下next会很烦，有没有可能让next方法也自动实现呢。这就需要借助promise函数，在promise中异步执行完毕执行resolve的时候隐式的调用next 总结：其实异步的实现就是暴露next给外部，在异步结束的时候调用，如果是pro…