16_虚拟dom和dom diff算法

Posted zhanzhuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了16_虚拟dom和dom diff算法相关的知识,希望对你有一定的参考价值。

虚拟dom的作用:是为了减少操作真实的dom

  初始化显示界面的过程:

    1.创建虚拟dom树——》真实dom树——》绘制页面显示 

  更新界面的过程:

    2.绘制页面显示——》setState()更新状态——》重新创建虚拟dom树——》新/旧 dom树比较差异——》更新对应差异真实 dom树——》局部页面重绘(批量更新)

 

diff算法是用:判断哪个区域需要更新,减小更新的区域

    更新对应差异真实dom树用到了diff算法

以上是关于16_虚拟dom和dom diff算法的主要内容,如果未能解决你的问题,请参考以下文章

react虚拟dom diff算法

vue中的虚拟dom和diff算法

vue中的虚拟dom和diff算法

虚拟DOM 和 Diff 算法,key的作用,jsx,render函数

React:虚拟DOM和diff算法

从零实现Vue虚拟DOM和DOM-DIFF算法