随笔分类 - 前端 / Vue3
摘要：当新旧 vnode 的子节点都是一组节点时，为了以最小的性能开销完成更新操作，需要比较两组子节点，用于比较的算法就叫作 Diff 算法。 9.1 减少 DOM 操作的性能开销 场景： 标签相同，子节点是文本节点，文本内容不同时 虚拟节点： 01 // 旧 vnode 02 const oldVNod
阅读全文
摘要：8.1 挂载子节点和元素的属性 1. 挂载子节点 // 子节点为数组 const vnode = { type: "div", children: [ { type: "p", children: "hello", }, ], }; // 支持多个子节点的挂载方法 function mountEle
阅读全文
摘要：7.1 渲染器与响应系统的结合 最简单的渲染器及其使用 // 渲染器 function renderer(domString, container) { container.innerHTML = domString } // 使用 let count = 1 renderer(`<h1>${cou
阅读全文
摘要：Vue依赖导入顺序 1. 类型 2. hooks（vue、vue-router、pinia、element/vant/antd、自定义） 3. 第三方库或插件（SDK） 4. 组件 5. 其他辅助文件（constants、utils、api） Vue页面编写顺序 1. import导入 2. 变量命
阅读全文
