Virtual Dom
- vdom 是 vue 和 react 的核心
- vdom比较独立,使用也比较简单
从几个问题开始学起
- vdom是什么?为何会存在vdom
答:Virtual DOM,即虚拟DOM,用JS模拟DOM结构。 因为DOM操作非常昂贵,将DOM对比操作放在JS层,提高效率。
- vdom 如何应用,核心API是什么
答:可用snabbdom的用法来举例。 核心API,h函数、patch函数。
- 介绍一下diff算法
(什么是diff算法,去繁就简,vdom为何用diff,diff算法的实现流程)
- 知道什么是diff算法,是linux的基础命令
- vdom中应用diff算法是为了找出需要更新的节点
- diff实现,patch(container, vnode),patch(vnode, newVnode)
- 核心逻辑,createElement和updateChildren
