首页 > TAG信息列表 > myVnode1
虚拟DOM 和 diff 算法 ——— 感受 diff 算法（第一次上树）
一、感受 diff 算法 当父节点发生改变时，比如 ul 变为 ol ，里面的 li 不发生改变，diff 算法是会暴力删除的。 2. diff 算法处理新旧节点不是同一个节点时。 snabbdom 判断是否是相同的虚拟节点： 创建节点时，所有子节点需要递归创建的。 二、手写第一虚拟DOM和diff算法 ——— 手写 h 函数
h 函数支持以下写法，此次手写 h 函数，只支持后面 3 种写法（低配版） 文件结构： vnode.js // 函数的功能非常简单，就是透传参数 export default function (sel, data, children, text, elm) { return { sel, data, children, text, elm } } h.js import虚拟DOM 和 diff 算法（一） —— snabbdom 简介、测试环境搭建 和 h 函数的使用
1. 安装 npm init npm i -S snabbdom webpack配置虚拟打包路径： 运行git首页的 snabbdom 示例代码：（放到 index.js 中）： index.html 里要放一个 id 为 container 的 div： 将这两个函数先替换成 空函数：