搜索结果
查询Tags标签： myVnode1，共有 6条记录-
虚拟DOM 和 diff 算法 ——— 感受 diff 算法（第一次上树）
一、感受 diff 算法 当父节点发生改变时，比如 ul 变为 ol ，里面的 li 不发生改变，diff 算法是会暴力删除的。 2. diff 算法处理新旧节点不是同一个节点时。 snabbdom 判断是否是相同的虚拟节点： 创建节点时，所有子节点需要递归创建的。 二、手写第一次上树时 1. 目录…
2021/8/11 9:36:39 人评论 次浏览 -
虚拟DOM 和 diff 算法 ——— 感受 diff 算法（第一次上树）
一、感受 diff 算法 当父节点发生改变时，比如 ul 变为 ol ，里面的 li 不发生改变，diff 算法是会暴力删除的。 2. diff 算法处理新旧节点不是同一个节点时。 snabbdom 判断是否是相同的虚拟节点： 创建节点时，所有子节点需要递归创建的。 二、手写第一次上树时 1. 目录…
2021/8/11 9:36:39 人评论 次浏览 -
虚拟DOM和diff算法 ——— 手写 h 函数
h 函数支持以下写法，此次手写 h 函数，只支持后面 3 种写法（低配版） 文件结构： vnode.js// 函数的功能非常简单，就是透传参数 export default function (sel, data, children, text, elm) {return {sel, data, children, text, elm} }h.jsimport vnode from ./vnode.…
2021/8/5 9:06:31 人评论 次浏览 -
虚拟DOM和diff算法 ——— 手写 h 函数
h 函数支持以下写法，此次手写 h 函数，只支持后面 3 种写法（低配版） 文件结构： vnode.js// 函数的功能非常简单，就是透传参数 export default function (sel, data, children, text, elm) {return {sel, data, children, text, elm} }h.jsimport vnode from ./vnode.…
2021/8/5 9:06:31 人评论 次浏览 -
虚拟DOM 和 diff 算法（一） —— snabbdom 简介、测试环境搭建 和 h 函数的使用
1. 安装npm init npm i -S snabbdom webpack配置虚拟打包路径： 运行git首页的 snabbdom 示例代码：（放到 index.js 中）： index.html 里要放一个 id 为 container 的 div： 将这两个函数先替换成 空函数： 代码运行成功：重写 index.js：import {init,classModule,p…
2021/8/4 9:07:53 人评论 次浏览 -
虚拟DOM 和 diff 算法（一） —— snabbdom 简介、测试环境搭建 和 h 函数的使用
1. 安装npm init npm i -S snabbdom webpack配置虚拟打包路径： 运行git首页的 snabbdom 示例代码：（放到 index.js 中）： index.html 里要放一个 id 为 container 的 div： 将这两个函数先替换成 空函数： 代码运行成功：重写 index.js：import {init,classModule,p…
2021/8/4 9:07:53 人评论 次浏览
