甘草倚半夏

常见的前端设计模式 1、MVC（Model-View-Controller）模式 2、MVVM（Model-View-ViewModel）模式 3、观察者模式（Observ...

用 4 个关键词总结 2022 年——我的技术书，我的房子、我的车子和我的晋升，所以这篇年终总结以我的 2022 年为题。...

名词解释： Svelte https://www.sveltejs.cn/ Svelte 将需要在浏览器中做大量的工作放到构建应用程序的编译阶段来处理。 与使用虚拟（vir...

实现 使用示例 API 属性 说明 类型 默认值 name 文件名 String '' keyName 文件key String '' validityTime 连接过期时...

webpack是一个JavaScript 应用程序的静态模块打包工具 空文件夹初始化 会生成 package.json文件 安装 webpack webpack-cli 一...

组件的挂载流程 添加组件类型 组件的渲染 processComponent 组件异步渲染 批处理操作scheduler.js...

步骤 1、找到索引先放进去(按照默认最优的情况处理) 2、二分查找 在结果集中找到比当前值大的 用当前值的索引将其替换掉 3、前驱节点追溯 （核心点：记录 “要替换的值的 ...

入口： 接上一章的 patchKeyedChildren 函数 乱序比对 1、找到 新的vnode需要比对区域 打印结果： 2、遍历老的vnode的需要比对区域 打印结果 ...

入口 patchKeyedChildren 实现 有key的情况下 比较两个子节点的差异 1. sync from start: i <= e1 && i <= e2 2....

更新的逻辑 如果前后元素不一致， 删除老的 添加新的 老的和新的一样，服用。属性可能不一样，比对属性更新属性 比对子集 前后元素不一致 示例 实现 前后元素一致 文本更新 ...

使用方法 创建runtime-core包 runtime-core/package.json 虚拟节点的实现 形状标识 | 或运算 或运算 1 : 1 + + : + 1 ...

Vue中为了解耦， 将逻辑分成了两个模块 运行时 核心 （不依赖于平台的 browser test 小程序 app canvas....） 靠的是虚拟dom 针对不同平台的...

多次触发更新处理 处理方法 数组 1) 收集索引 处理方法 2) 长度收集 3) 数组方法 访问变异方法会访问数组的长度，会对长度进行依赖，这里我们停止收集调用方法产生的依...

ef的概念 转换结果 Ref & ShallowRef 使用 实现 1、判断如果是对象 使用reactive将对象转为响应式的 2、set的值不等于初始值 判断新值是否是对...

使用场景 1、监控对象 可以监控数据变化 数据变化了就重新执行 2、可以去监控一个函数，函数的返回值就是老值 更新后获取新值 3、连续触发watch时需要清理之前的watc...