小红帽的博客

每当我读到关于Angular DOM操作的的文章时总是看到这些类被提到：`ElementRef`, `TemplateRef`,` ViewContainerRef`等等。不幸的是，尽管其中一些内容已在Angular文档或相关文章中介绍，但我还没找到对它们整体模型的介绍以及它们如何协同工作的示例，本文旨在描述这种模型。

最近在stackoverflow上几乎每天都有关于`ExpressionChangedAfterItHasBeenCheckedError`的提问，通常提出这些问题是因为Angular开发人员不了解更改检测的工作原理，以及为什么检查产生这个错误是必须的。许多开发人员甚至将其视为错误。但这当然不是。这是一种警告机制，可防止模型数据与UI之间出现不一致，以免在页面上向用户显示错误或旧数据。

如果你像我一样想要全面了解Angular中的的变更检测机制，则必须探索资源，因为网络上没有太多可用的信息。大多数文章提到每个组件都有其自己的变更检测器，该检查器负责检查该组件，但是它们并没有深入下去，并且大多数主要聚焦于引用不可变性和变更检测策略。本文为您提供所需的信息来了解为什么用例immutables起作用和改变检测策略会如何影响检查。另外，从本文中学到的内容将使您能够自己提出各种方案来进行性能优化。

使用Angular框架开发Web应用程序时，我们很少考虑性能影响。Angular旨在快速发展，总的来说使我们摆脱了性能调试的麻烦，因此我们最终失去了对“性能优先”开发实践的控制。随着我们的应用程序的增长以及我们添加业务逻辑的各层，我们可能会面临性能指标的下降，最终会导致整体用户体验的下降。我将主要关注运行时性能以及在生产Web应用程序中进行改进的尝试。1. 一个非常繁忙的app让我解释一下我遇...

这篇文章由推特上的一个人提出的问题而引出：使用`NgDoCheck`生命周期钩子手动比较值来代替推荐的`async`管道方式是否具有意义？这是一个很好的问题。这篇文章将首先展示如何进行手动变更检测，一旦我们拥有了这些知识，然后我们将讨论这两种解决方案的性能影响。