weixin_43795084的博客

我们直接讲一下在react中如何使用key值显著的提升性能

vue和react的diff算法，都是忽略跨级比较，只做同级比较。vue diff时调动patch函数，参数是vnode和oldVnode，分别代表新旧节点。 vue比对节点，当节点元素类型相同，但是className不同，认为是不同类型元素，删除重建，而react会认为是同类型节点，只是修改节点属性 vue的列表比对，采用从两端到中间的比对方式，而react则采用从左到右依次比对的方式。当一个集合，只是把最后一个节点移动到了第一个，react会把前面的节点依次移动，而vue只会把最后一个节点移动到

刚敲完vue的生命周期，现在来敲敲react的生命周期,当然生命周期只针对类组件(我很不常用类组件)。 raect生命周期(v16之前) initialization(初始化阶段) mounting(挂载阶段) updation(更新阶段） unmounting(卸载阶段) 1.initialization(初始化阶段) 自然是创建一个类，然后创建构造函数了 这里看一下，我们创建了Hello类并继承了React.Component这个基类，如果不继承的话，函数都没有，就没有接下来所有的生命周期了。