Angular性能优化之脏检测

FlyWine

于 2018-10-30 01:14:59 发布

阅读量3k

点赞数 2

分类专栏： Angular入门到精通指南文章标签： Angular优化 Angular性能优化 Angular脏检测 Angular检测机制 angular zone

本文链接：https://blog.youkuaiyun.com/wf19930209/article/details/83515873

版权

Angular入门到精通指南专栏收录该内容

49 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨Angular性能优化中的脏检测机制，包括Angular的zone.js和Change Detection。通过示例分析了脏检测的触发时机，并介绍了优化策略：使用ChangeDetectionStrategy.OnPush、运用Pipe以及在ngFor中使用trackBy，以减少不必要的DOM操作，提升应用性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Angular性能优化之脏检测

当我们在使用 Angular 框架搭建项目时，随着组件越来越多，页面也来越复杂，性能会越来越低，主要表现在 CPU 使用率 很高。所以我们要对项目做一定的优化。

Angular脏检查（Change Detection）机制

Angular 的脏检测主要是指 zone.js,这是一个开源的第三方库，github地址。

关于 zone.js 的定义，官方解释为：

A Zone is an execution context that persists across async tasks, and allows the creator of the zone to observe and control execution of the code within the zone.

简单来说&