甘草倚半夏

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

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

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

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

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

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

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

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

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