Angular Ivy编译器增量DOM改写是如何实现长尾词优化的？

本文共计3155个文字，预计阅读时间需要13分钟。

本篇文章将学习Angular框架，带大家了解Ivy编译器中的新增DOM操作，希望对大家有所帮助！作为大型前端项目而设计的Angular框架，其实有许多值得参考和学习的特性设计。

本篇文章进行来学习Angular框架，带大家了解一下Ivy编译器中的增量DOM，希望对大家有所帮助！

作为“为大型前端项目”而设计的前端框架，Angular 其实有许多值得参考和学习的设计，本系列主要用于研究这些设计和功能的实现原理。本文围绕 Angular 的核心功能 Ivy 编译器，介绍其中的增量 DOM 设计。

在介绍前端框架的时候，我常常会介绍到模板引擎。对于模板引擎的渲染过程，像 Vue/React 这样的框架里，使用了虚拟 DOM 这样的设计。

在 Angular Ivy 编译器中，并没有使用虚拟 DOM，而且使用了增量 DOM。

增量 DOM

在 Ivy 编译器里，模板编译后的产物与 View Engine 不一样了，这是为了支持单独编译、增量编译等能力。