虚拟Dom
文章平均质量分 75
鱼泡泡~
不止是前端
展开
-
Snabbdom源码解析
Snabbdom源码解析一.Snabbdom的核心1.使用 h() 函数创建 JavaScript 对象(VNode)描述真实 DOM2.init() 设置模块,创建 patch()3.patch() 比较新旧两个 VNode4.把变化的内容更新到真实 DOM 树上二.src 目录结构│ h.ts h() 函数,用来创建 VNode│ hooks.ts 所有钩子函数的定义│ htmldomapi.ts 对 DOM AP原创 2020-08-25 15:55:27 · 724 阅读 · 2 评论 -
什么是虚拟Dom
虚拟Dom$定义Virtual DOM(虚拟DOM),是由普通的 JS 对象来描述 DOM 对象,因为不是真实的 DOM 对象,所以叫 Virtual DOM.$示例{ sel: "div", data: {}, children: undefined, text: "Hello Virtual DOM", elm: undefined, key: undefined}$为什么使用1.手动操作 DOM比较麻烦,还需要考虑浏览器兼容性问题,虽然有jQuery等库简化原创 2020-08-24 15:41:15 · 1047 阅读 · 0 评论