1,this.xxxxx.bind(this)改变作用域的修改放在constructor中,保证绑定只操作一次,避免子组件的无畏渲染;
2,setState内置性能提升的机制,是一个异步的函数,可以把多次数据的改变结合成一次,降低虚拟DOM的比对频率;
3,react底层用虚拟DOM的概念,还有同层比对,有key值的概念提升DOM比对的速度,从而提升react的性能;
4,借助shouldComponentUpdate提高react组件的性能,因为可以避免无谓的render函数的运行
1,this.xxxxx.bind(this)改变作用域的修改放在constructor中,保证绑定只操作一次,避免子组件的无畏渲染;
2,setState内置性能提升的机制,是一个异步的函数,可以把多次数据的改变结合成一次,降低虚拟DOM的比对频率;
3,react底层用虚拟DOM的概念,还有同层比对,有key值的概念提升DOM比对的速度,从而提升react的性能;
4,借助shouldComponentUpdate提高react组件的性能,因为可以避免无谓的render函数的运行
本文标题:react性能优化总结
本文链接:https://www.haomeiwen.com/subject/zmywxqtx.html
网友评论