React之虚拟DOM中的Diff算法

一、React中的setState ( 异步函数,异步获取数据 )

若操作的时间间隔短,它可以将多个setState结合成一个setState,减少虚拟DOM的比对次数,提高性能

二、同层虚拟DOM对比算法

如果有一层DOM更改了,接下去的DOM结点就不比对了,直接从此结点开始更新以及此结点以下的DOM结点

优点: 算法简单,对比速度快

三、key的作用:结点一一对应

key值不要使用index,若像图中加入z结点,index的顺序就将打乱。可以用item做key值,内容是唯一的。

猜你喜欢

转载自www.cnblogs.com/nayek/p/12361391.html