唯有爱情是努力不来的

1.脚手架本质上就是一个快速搭建项目的工具。由用户在命令行输入命令，传递参数，来生成对应的初始化项目。 2.脚手架是一个独立实体，设计脚手架的时候，需要进行内容和实体的拆分...

完整的导图，这里放不下，老规矩，关注公众号「前端试炼」，回复「简历」获取。 1. 前言 最近是春招季，参与了部门的实习生招聘工作，收到了很多同学的简历。发现有一些同学的简历...

前言 设置方法中比获取要复杂一些，有很多种情况，下面我将一一详细讲解 createSetter 第一步 我们先去扩充一下工具方法，方便后面使用 我们要区分是新增的还是修改的...

前言 ref和reactive的区别 reactive内部采用的proxy，ref内部采用的是defineProperty ref也可以放对象，只是取值的时候需要多取一层，...

第一步 src源目录下创建computed.ts 导出computed函数，并对参数进行判断 如果是个函数，直接赋值给getter，否则分别取参数get和set赋值给get...

第一步 先封装一些dom的操作 元素操作： 文本操作： 第二步 在src下创建module文件夹，创建4个文件attr.ts、class.ts、event.ts、style...

第一步  用位运算来给虚拟节点加类型，我们先创建ShapeFlag.ts文件 第二步 创建vnode.ts文件写createVNode方法 创建一个对象来描述内容，上面的s...

上回说到在完成创建实例，给实例赋值后要创建一个effect，让render函数执行，这样render方法中拿到的数据就会收集这个effect，属性更新时，effect会重新...

当数据一变，就会触发对应的effect，然后重新调render重新渲染 第一步 首先我们需要处理一个事件里重复修改同一个值多次更新的问题，我们需要降低更新频率 我们在创建e...

如果被挂载过，也就是isMounted为true，触发effect的时候就会走组件更新的逻辑 diff算法就是比较两颗树的差异 第一步 我们先拿到老的的tree 然后把当前...

前言 我们上回说到，当老的是数组，新的也是数组就会进行diff算法 第一步 将老的儿子和新的儿子以及比较的是哪个元素 第二步 Vue3并没有采用双指针，都是默认从头开始比对...

前言 我们乱序比对的时候，会将节点全部的移动一遍，而我们希望尽可能少的移动，我们只需要找联系最长的，只需要动不连续的，这就是最长递增子序列 第一步 求最长递增子序列，vue...

reactive    可以将一个对象编程响应式的，不管有多少层 shallowReactive   可以将一个对象编程响应式的，只管第一层 readonly   属性不能...

effect effect方法是响应式的核心，叫做副作用函数。初始会默认执行时会进行取值操作，只要取值就会调用get方法，我们就可以将对应的effect函数存放起来，等会我...