Free

1. 通过注入next，决定什么时候执行队列下一方法

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

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

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

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

响应式原理也就是vue管理的数据变化，会通知相应的视图更新。 我们都知道vue的响应式是基于Object.definePreperty实现的，但他究竟怎么观测data，并响应视图的变化。我们先看一个例子： 虽然实现了，但是乍一看，怎么这么辣眼睛呢，漏洞百出，没关系，我们一步一步…

借助vue-loader我们可以把一个vue文件编译成一个组件的配置项对象，其中的template会被编译成render函数。 然后在我们new Vue(options)的时候传入组件配置项对象，组件内部进行一系列的初始化操作，并在相应的时机执行生命周期钩子函数。有了组件实例之…

不管是vue，react，angular还是svelte，开发时都会把一个页面拆分成粒度更小的组件，方便复用和维护。 所以组件间通信就变得异常重要，下面我们比较下vue和svelte的组件的通信方式。 在我们调用$on方法的时候，也就是会在该组件的callbacks上订阅传入的…