react中性能优化的点

Posted 2021-02-13 wzndkj

react提升代码性能的点

1、绑定如果改变作用域点话放在constructor里面做，这样可以保证整个程序的作用域绑定操作只会执行一次，而且避免子组件的无谓渲染。

2、内置的setState是个异步操作，多次数据的改变变成一次，这样可以降低虚拟dom的比对频率

3、底层用虚拟dom，同层比对，key值等概念，来提升比对的速度，从而提升react的性能

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