react性能优化总结

2018-11-08  本文已影响0人  Black24

1,this.xxxxx.bind(this)改变作用域的修改放在constructor中,保证绑定只操作一次,避免子组件的无畏渲染;

2,setState内置性能提升的机制,是一个异步的函数,可以把多次数据的改变结合成一次,降低虚拟DOM的比对频率;

3,react底层用虚拟DOM的概念,还有同层比对,有key值的概念提升DOM比对的速度,从而提升react的性能;

4,借助shouldComponentUpdate提高react组件的性能,因为可以避免无谓的render函数的运行

上一篇下一篇

猜你喜欢

热点阅读