美文网首页
Virtual DOM 第一天

Virtual DOM 第一天

作者: 云翼飞 | 来源:发表于2020-08-11 22:19 被阅读0次

选择题
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 实现原理

    virtual DOM 实现: virtual-dom Snabbdom 对比 数据结构virtual Node ...

  • 实现简单render函数

    什么是Virtual Dom React和Vue2都使用了Virtual Dom技术,Virtual Dom并不是...

  • Day7:virtual dom & MVVM

    virtual dom 什么是virtual dom 虚拟dom 用JS模拟DOM结构 DOM变化的对比,放在JS...

  • Virtual DOM

    什么是 Virtual DOM Virtual DOM(虚拟 DOM),是由普通的 JS 对象来描述 DOM 对象...

  • Javascript 简要,你一定要看看

    1.Virtual DOM Vue 和 React 都使用了 Virtual DOM,那么什么是 Virtual ...

  • 虚拟DOM

    虚拟DOM 基础概念: virtual DOM是对真实DOM的描述和映射 当Virtual DOM改变后,我们得到...

  • 虚拟DOM

    Virtual DOM Virtual DOM,是由普通的JS对象来描述DOM对象,因为不是真实的DOM对象,所以...

  • 初探Virtual dom & diff算法

    问:Virtual dom 是什么?为何会存在Virtual dom?答:用JS模拟DOM结构。原因:1.DOM操...

  • iview表格render

    关于 RenderReact 和 Vue 2 都使用了 Virtual Dom 技术,Virtual Dom 并不...

  • JavaScript虚拟DOM

    什么是Virtual DOM Virtual DOM是对DOM的抽象,本质上是JavaScript对象,这个对象就...

网友评论

      本文标题:Virtual DOM 第一天

      本文链接:https://www.haomeiwen.com/subject/isdudktx.html