(九)React 的虚拟DOM 中的 diff 算法
2020-10-22 本文已影响0人
云凡的云凡
分析第七步
7.比较原始虚拟DOM和新的虚拟DOM的区别,找到区别是span中内容
同级比对(有差异的话,它的子节点就不会再比对了,会全部更换,速度非常快,减少了两个虚拟DOM比对的算法上的性能消耗)-找到差异之后-更新DOM
不用index 下标做 key 值,当列表改变的时候,会导致key值不稳定,可以用item
分析第七步
7.比较原始虚拟DOM和新的虚拟DOM的区别,找到区别是span中内容
同级比对(有差异的话,它的子节点就不会再比对了,会全部更换,速度非常快,减少了两个虚拟DOM比对的算法上的性能消耗)-找到差异之后-更新DOM
不用index 下标做 key 值,当列表改变的时候,会导致key值不稳定,可以用item