godfly

Vue3中求这个最长递增子序列用的是贪心算法+二分查找 当前这一项比最后一项大则直接放到末尾 如果当前这一项比最后一项小，需要在序列中通过二分查找找到比当前大的这一项，用他来替换掉 最优的情况就是默认

接上回说到，当老的虚拟节点的儿子是一个数组类型，新的虚拟节点的儿子也是一个数组类型，那么就会进行diff比较 我们现在来写patchKeyedChildren 有Key情况下，先从头部比较 我们先创建

接上回，如果存在老的虚拟节点，我们就走更新流程 更新的逻辑思考 如果前后完全没关系，删除老的，添加新的 老的和新的一样，复用。属性可能不一样，再比属性，更新逻辑 比儿子 判断老的虚拟节点和新的虚拟节点

接上回说到，我们已经实现了h方法和createVnode方法，那么我们目前已经可以拿到处理后的虚拟dom和用户传入的renderOptions，接下来我就开始进行渲染 在runtime-core模块下

h方法是给用户来用的，它具备着多样性。我们先来写createVnode 在公共包shared里写上ShapeFlags 采用二进制来标识某些东西 在runtime-core模块里创建vnode.ts文

Vue为了解耦，将逻辑分成了两个模块 运行时 （不依赖平台的browser），主要靠的是虚拟dom，它是可以跨平台的 针对不同平台的运行时，vue就是针对浏览器平台的 runtime-dom提供一个渲

如果参数是一个基本类型，ref会把一个基本类型包装成一个对象类型，也支持传数组或者对象，最后也会变成proxy 官方用法 我们现在来实现它 创建ref.ts文件，导出ref方法 创建一个RefImpl

常用用法 方式一： 如果state是个对象，那么后续改动这个对象里的属性，回调里拿到的都是新值，也就是说当watch监听对象的时候无法区分前后的新值和老值 这种监控是深度监控，无论state的层数有多

我们补充一下之前的reactive模块，这里做代理的时候还需要处理对象嵌套对象的情况，要做深度代理 get的时候 取了属性之后，如果是对象的话，再次做下代理 Proxy是取的时候再代理，而不是像vue