2022 年使用Angular的最佳做法

Angular 是一个前端 JavaScript 和 TypeScript 框架，可帮助你创建强大的 Web 应用程序。 你可以使用 Angular 构建在线应用程序、完全原生的应用程序和 Web 应用程序。 引入它是为了克服以前框架的局限性。使用 Angular，你可以开发具有速度、可扩展性和高性能的令人惊叹的 Web 应用程序。

Angular

专为构建前端应用程序而设计。它允许您使用 HTML 作为模板语言，并让您增强 HTML 的语法以清晰地显示应用程序的元素。 它使用户能够简单地创建大型应用程序，这一切都发生在 Web 浏览器中，使其成为任何服务器的理想合作伙伴。

2022 年将遵循的 Angular 最佳实践

使用依赖注入

在 AngularJs 中，模块依赖于其他组件，例如值、服务、conf 等。Angular 依赖注入帮助我们为未附加的组件提供依赖组件的实例。 你可以使用 [] 表示法按名称注入依赖组件，以列出你的依赖项以及函数。 Angular 有一个内置的依赖注入器，它跟踪所有组件，如值和服务，并可以使用依赖注入返回必要组件的实例。

延迟加载模块

默认情况下，NgModules 会在应用程序加载后立即加载，无论是否需要。在开发具有大量路由的大型应用程序时，你可以使用延迟加载并根据需要加载 NgModules。延迟加载通过加载你需要的组件并防止加载其他不必要的项目来帮助你减小文件大小。

CDK 虚拟滚动

CDK Virtual Scroll 可用于提高你的开发速度。例如，如果你要同时显示多个大型文件，则程序会变慢。它公开了一个用于构建无限滚动的 API，其中自动检索新的数据集。它出现在 Angular Material Package 中，使开发人员能够提高应用程序的速度。

正确使用范围

范围可以用作 Angular 应用程序的数据容器。在将作用域用作容器时，不要使用作用域来存储 DOM 元素，因为这会造成巨大的内存泄漏。仅当你需要在 HTML（视图）和 JavaScript（控制器）之间传递数据时才使用范围。

正确组织文件和文件夹结构

在处理各种类型的文件时使用正确的命名约定，并使用 mdl、fltr、srv cnst、.val、mock、filter 等前缀来更好地识别文件。使用正确的名称可以很容易地识别它是哪种类型的 JavaScript 文件，无论是服务、控制器还是指令。根据你的项目需要维护你的文件夹，为控制器、指令、服务创建不同的文件夹，并将其依赖文件放在同一个文件夹中。

定义变量类型

在开发 Angular 应用程序时，你可以避免使用全局变量，因为作为单页应用程序，垃圾收集器永远不会清除全局变量。如果你不指定变量或常量，它们将由值假定并分配给它。如果发生这种情况，随时都有可能出现一些意想不到的后果。

避免 Angular Observable 中的内存泄漏

在任何编程语言、库或框架中，内存泄漏都是一个非常严重的问题。内存泄漏是一个值得关注的话题，如果你在开发应用程序时不小心，它们可能很容易发生。内存泄漏有能力在应用程序开发过程中产生最坏的情况。

将脚本放在页面底部

当引用控制器和模块等外部脚本时，请将它们放在页面底部。 将脚本和模块放在页面底部的好处是它允许页面不等到脚本加载。

编写单元测试

从开发过程的一开始就编写单元测试代码可以帮助你进行更好的测试并提高错误跟踪的速度。 你可以使用 karma 或 Jasmine 进行单元测试。 单元测试代码可以提高应用程序的可扩展性，并帮助你以更少的错误发现时间产生更好的结果。

Angular 是用于开发 Web 应用程序的可靠、稳定和完整的框架。 Angular 不需要第三方库来开发应用程序，这使得它更加高效。 使用这些实践，你可以确保完美的开发过程，帮助你构建高端应用程序。