Skip to content

Virtual Dom

  • vdom 是 vue 和 react 的核心
  • vdom比较独立,使用也比较简单

从几个问题开始学起

  1. vdom是什么?为何会存在vdom

答:Virtual DOM,即虚拟DOM,用JS模拟DOM结构。 因为DOM操作非常昂贵,将DOM对比操作放在JS层,提高效率。

  1. vdom 如何应用,核心API是什么

答:可用snabbdom的用法来举例。 核心API,h函数、patch函数。

  1. 介绍一下diff算法

(什么是diff算法,去繁就简,vdom为何用diff,diff算法的实现流程)

  • 知道什么是diff算法,是linux的基础命令
  • vdom中应用diff算法是为了找出需要更新的节点
  • diff实现,patch(container, vnode),patch(vnode, newVnode)
  • 核心逻辑,createElement和updateChildren

共 20 个模块,1301 篇 Markdown 文档。