每天进步一丢丢

什么是响应式？ 简单来说就是当我们有数据发生变化时，对该数据有依赖的代码会重新执行。例如在Vue中，当我们的数据发生改变，界面上对该数据有引用的组件会重新渲染。 如何实现响应式？ 纯手动实现响应式 最

前言 阅读该文章之前，你需要对async-await和generator有一定的了解。如果不了解的话，可以查看之前的文章async-await的用法以及生成器-迭代器 提出需求 当前有这么一个网络请求

迭代器（Iterator） 什么是迭代器？ 迭代器是帮助我们对某个数据结构进行遍历的对象，迭代器是一个对象。 这个对象需要符合迭代器协议（Iterator Protocol）。 迭代器协议定义了**产

垃圾的产生 在程序运行过程中，我们需要定义的变量，函数等，这些都是需要占用内存空间的，这些内存是浏览器自动为我们分配的。代码执行过程中，会出现某些创建出来的对象，永远不会再被使用了，那么这个对象就是垃

async和await的基本用法 async函数 async函数在没有使用await时，和普通函数没有什么太大的区别，最主要的区别就是async函数始终返回一个Promise对象。 async函数返回

diff算法 在讲diff算法之前，先创建一些需要测试的数据 没有添加key时的diff算法 这里我对vue的原码做了一些修改，把一些参数给删除了，把一些操作改成了打印，便于理解。 可以看出没有使用k

app.mount('#app')的大致流程 app.mount实际调用的函数 会先通过document.querySelector获取container节点。如果该节点不存在，直接返回。 清空con

Vue.createApp到底做了什么？ 当调用Vue.createApp时实际上会来到下面这个函数 ensureRenderer函数 createRenderer函数 baseCreateRende

防抖 什么是防抖（debounce）？ 当事件触发时，相应的函数不会被立即触发，而是会被推迟执行。 当事件连续密集触发时，函数的触发会被一直推迟。 只有当等待一段时间后也没有再次触发该事件，那么才会真