先介绍一个生命周期方法shouldComponentUpdate
优化过程:
在自己代码里所有render方法内添加一行代码
console.debug('[render] componetName');// componetName当前组件名称,便于与其他组件做分区的
目的在于只要执行了当前组件的render方法,触发了渲染,就可以知道是哪个组件触发,相当于人为监听吧;
然后打开Chrome,app打开debug,Chrome内只选择Verbose,屏蔽掉其他不必要的log内容;
然后依次打开app中的每一个页面,查看log,了解每次操作都触发了哪些组件的重新渲染,是否有必要所有的组件都应该重新渲染,然后根据log内的内容,关闭到不必要的渲染.
通过开头介绍的方法,来管理组件的渲染,使得其只在需要的时候再重新渲染,可以极大效率的提升性能;
