性能优化
基于以下事实:
- 父组件更新默认触发所有子组件更新(shouldComponentUpdate默认返回true)
- 列表类型的组件默认更新方式非常复杂
性能优化关键在:
- shouldComponentUpdate 阶段判断,如果属性及状态与上一次相同,这个时候很明显UI不会变化,也不需要执行后续生成DOM,DOM Diff的过程了,可以提高性能。
- DOM Diff 阶段优化,提高Diff的效率
解决方案:
- 子组件执行
shouldComponentUpdate
方法,自行决定是否更新 - 给列表中的组件添加key属性
相关推荐
81417707 2020-10-30
yanzhelee 2020-10-13
89243453 2020-08-24
houdaxiami 2020-08-15
89253818 2020-07-30
89253818 2020-07-19
81264454 2020-07-17
iftrueIloveit 2020-07-04
ItBJLan 2020-06-28
开心就好 2020-06-16
Jaystrong 2020-06-16
iftrueIloveit 2020-06-11
QiHsMing 2020-06-08
webfullStack 2020-06-07
不知道该写啥QAQ 2020-06-06
fsl 2020-06-05
Carlos 2020-05-31
85231843 2020-05-31
curiousL 2020-05-27