虚拟Dom
文章平均质量分 75
鱼泡泡~
不止是前端
展开
-
Snabbdom源码解析
Snabbdom源码解析 一.Snabbdom的核心 1.使用 h() 函数创建 JavaScript 对象(VNode)描述真实 DOM 2.init() 设置模块,创建 patch() 3.patch() 比较新旧两个 VNode 4.把变化的内容更新到真实 DOM 树上 二.src 目录结构 │ h.ts h() 函数,用来创建 VNode │ hooks.ts 所有钩子函数的定义 │ htmldomapi.ts 对 DOM AP原创 2020-08-25 15:55:27 · 704 阅读 · 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 · 1033 阅读 · 0 评论