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

  初始化显示界面的过程:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

  更新界面的过程:

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

 

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

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

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄