js解析kml文件_前端能力大测试答案及解析篇

前言

本次的习题全部来源于拉勾网-前端能力大测试。该部分题目深入vue源码及实现原理，本期为答案及解析部分，纯题目版本请前往前端能力大测试·题目篇。

答案及解析

                    01                       

【多选】下面关于虚拟 DOM 的说法正确的是()

1. 使用虚拟 DOM 不需要手动操作 DOM，可以极大的提高程序的性能。
2. 使用虚拟 DOM 不需要手动操作 DOM，可以极大的提高开发效率。
3. 虚拟 DOM 可以维护程序的状态，通过对比两次状态的差异更新真实 DOM。
4. 虚拟 DOM 本质上是 JavaScript 对象，可以跨平台，例如服务器渲染、Weex 开发等。

答案:【B、C、D】

解析：

A. 使用虚拟 DOM 并不是所有情况下都一定能提高程序性能，例如在首次渲染的时候，要创建额外的虚拟 DOM 对象，肯定比不使用虚拟 DOM 的性能低。在复杂 DOM 结构的情况下可能会提高性能。所以 A 选项并不完全正确。

B. 使用虚拟 DOM 后，再去做 DOM 操作时，一来不用考虑兼容问题；二来可以配合数据驱动框架，减少 DOM 操作，所以确实提高了开发效率

C. 无特殊说明

D. 虚拟 DOM 的一个很重要的作用就是实现跨平台，服务端渲染也是属于跨平台的一种体现。

                    02                     

【多选】下面关于 Snabbdom 库的描述错误的是()

1. Snabbdom 库是一个高效的虚拟 DOM 库，Vue.js的虚拟 DOM 借鉴了 Snabbdom 库。
2. 使用h()函数创建VNode对象，描述真实 DOM 结构。
3. Snabbdom 库本身可以处理 DOM 的属性、事件、样式等操作。
4. 使用patch(oldVnode, null)可以清空页面元素

答案【C、D】

解析:

B. VNode 对象的作用就是以 JS 对象去描述(映射)真实 DOM，从而实现对真实 DOM 的操作，所以这个说法正确 

C. Snabbdom 库支持操作 DOM 元素，以及 DOM 元素的属性、事件、样式操作，不过需要注意：属性、样式之类的操作需要加载相应的模块来处理，所以这个说法正确 

D. 清空页面元素要使用 patch(oldVnode, h('!'))，h('!') 是用来创建注释节点

                    03                       

【单选】下面关于 Vue.js 的数据响应式描述正确的是()