美文网首页
虚拟DOM理解

虚拟DOM理解

作者: 翌凌枫 | 来源:发表于2019-06-11 08:32 被阅读0次

    1.Virtual DOM是一个基本的JavaScript对象,也是整个Virtual DOM树的基本。

    2.JavaScript很快和直接操作DOM很慢,这是Virtual DOM得以实现的两个基本前提。得益于V8引擎的出现,让JavaScript可以高效地运行,在性能上有了极大的提高。直接操作DOM的低效和JavaScript的高效相对比,为Virtual DOM的产生提供了大前提。所以虚拟DOM就是为了解决浏览器性能问题而被设计出来的。

    3.Virtual DOM的三个重要步骤
    -生成Virtual DOM树
    -对比两棵树的差异
    -更新视图

    4.Virtual DOM优势
    在大量、频繁的数据更新下,能够对视图进行合理、高效的更新,而真实DOM远远无法相比的,且实现了对DOM的集中化操作,在数据改变时先对Virtual DOM进行修改,再反映到真实的DOM中,用最小的代价来更新DOM,提高效率
    打开了函数式UI编程的大门
    可以渲染到DOM以外的端,比如ReactNative

    Virtual DOM的存在的意义?Virtual DOM的真正意义是为了实现跨平台,服务端渲染,以及提供一个性能还算不错 Dom 更新策略。Virtual DOM让整个 mvvm 框架灵活了起来。

    相关文章

      网友评论

          本文标题:虚拟DOM理解

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