Virtual DOM 第一天

选择题
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钩子