angular构建中大型项目时值得优化的一些细节(三) changeDetection OnPush变更检测策略

时间:2024-05-20 07:51:29

由于中大型项目避免不了存在组件嵌套的状况,而angular的变更检测机制默认为检测完根组件再向其叶(子)组件进行检测,叶组件检测完再向其叶(子)组件依次下去进行检测,这样会导致每次变更检测都会进行所有组件的state检测,这样无疑增加了视图的渲染时间和增加服务器的负担

所以对于子组件的属性的变化由输入属性决定的子组件可以为其添加changeDetection: ChangeDetectionStrategy.OnPush变更检测策略
angular构建中大型项目时值得优化的一些细节(三) changeDetection OnPush变更检测策略
当启用OnPush变更检测策略后,若非输入属性发生改变,否则变更检测将会跳过此子组件,这里找到了一张浅显易懂的图示angular构建中大型项目时值得优化的一些细节(三) changeDetection OnPush变更检测策略
仅作笔记,感谢指正