美文网首页前端
react进阶-节点比较

react进阶-节点比较

作者: xhbisme | 来源:发表于2018-04-24 22:02 被阅读4次

    1.key增加性能,需要注意:

    key的坑

    2.关于key的使用

    key的使用

    3.diff算法

    react-diff算法就是上面说的启发式算法。新的组建名字,新的key,都会让react认为这是新的组件。

    diff对比

    图中每个圆圈代表一个element节点。每次react对比,如果发现节点不同,或着key不同,就会换掉原来的节点,重新创建一个新的节点。当发现属性不同的时候,只会更改改变的属性。

    相关文章

      网友评论

        本文标题:react进阶-节点比较

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