首页 > TAG信息列表 > snabbdom
snabbdom h函数
snabbdom h函数 h函数到底做了什么? h函数将我们的tokens(有模板生成的一个数组,可看前面的文章提到的mustache)转为vnode(虚拟节点)。 h函数 了解h函数的源码你会发现,h函数里面是进行了一个重载,他在我们写参数调用h函数进行了判断,从而达到内部值的一一对应,在h函数中我们最后进行虚拟DOM 和 diff 算法(一) —— snabbdom 简介、测试环境搭建 和 h 函数的使用
1. 安装 npm init npm i -S snabbdom webpack配置虚拟打包路径: 运行git首页的 snabbdom 示例代码:(放到 index.js 中): index.html 里要放一个 id 为 container 的 div: 将这两个函数先替换成 空函数:Diff 算法中h 函数
1: h 函数用来产生虚拟节点(vnode) 虚拟节点(vnode) 有哪些属性: { children: undefined; // 子元素 data: {}; // 属性, 样式 elm: undefined; // 对应真正dom节点, 如果为undefined 表示DOM节点为上树 key: undefined; // 这个节点的唯一标识, (v-for 循环遍历: key