Angular-第10篇：性能优化

Angular-第10篇：性能优化

一、变更检测机制与优化

（一）变更检测机制原理

Angular 的变更检测机制是确保视图与数据保持同步的核心功能。它通过遍历组件树，检查组件的输入属性、绑定表达式以及事件绑定等是否发生变化，一旦检测到变化，就会更新相应的视图。默认情况下，Angular 采用的是脏检查策略，即从根组件开始，递归检查每个组件及其子组件的状态。

（二）优化策略

1. OnPush变更检测策略：将组件的变更检测策略设置为 OnPush，可以显著减少不必要的变更检测。当组件的输入属性是不可变数据（如 Immutable.js 数据结构），或者输入属性引用没有变化时，OnPush 策略会跳过该组件及其子组件的变更检测。例如：

import {
    Component