选择题
1、下面关于虚拟 DOM 的说法正确的是：
• A. 使用虚拟 DOM 不需要手动操作 DOM，可以极大的提高程序的性能。
• B. 使用虚拟 DOM 不需要手动操作 DOM，可以极大的提高开发效率。
• C. 虚拟 DOM 可以维护程序的状态，通过对比两次状态的差异更新真实 DOM。（ √ ）
• D. 虚拟 DOM 本质上是 JavaScript 对象，可以跨平台，例如服务器渲染、Weex 开发等。
2、下面关于 Snabbdom 库的描述错误的是：
• A. Snabbdom 库是一个高效的虚拟 DOM 库，Vue.js 的虚拟 DOM 借鉴了 Snabbdom 库。
• B. 使用 h() 函数创建 VNode 对象，描述真实 DOM 结构。
• C. Snabbdom 库本身可以处理 DOM 的属性、事件、样式等操作。
• D. 使用 patch(oldVnode, null) 可以清空页面元素( × )
简答题
1、 请简述 patchVnode 函数的执行过程。
首先会调用两个钩子函数，然后判断新节点的text属性，并且新节点不等于旧节点的text属性，如果老节点有children，则移除老节点children的dom元素，否则设置新节点的dom元素。
如果新老节点都要children，并且都不相等，则调用updateChildren{}否则对比子节点，并且更新节点差异。
只有新节点有children属性，如果老节点有text属性，清空对应dom元素的内容；否则添加所有子节点
只有老节点有children属性，则移除所有老节点
只有老节点有text属性，则清空对应dom元素的内容
最后出发postpatch钩子
Virtual DOM 第一天
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
