Angular 是一种以类型化方式构建 Web 应用程序的平台和框架。它已经成为前端开发人员的首选之一，而 Angular 8.0 的新特性可以让开发更加简单和高效。在本文中，我们将介绍这些新特性，并提供具体的示例。
更好的性能
Angular 8.0 引入了两种新的优化工具，可以有效地减少应用程序的启动时间和运行时性能。这两种工具是 Differential Loading 和 Ivy Renderer。
Differential Loading
Differential Loading 可以根据浏览器的版本自动加载不同的 JavaScript 包。这可以减少旧浏览器加载不必要代码的时间，从而加快应用程序的加载速度。开发人员只需要使用 Angular CLI 命令来为不同的浏览器构建不同的包：
ng build --prod --output-hashing=media
Ivy Renderer
Ivy Renderer 是 Angular 8.0 中引入的新渲染引擎。与旧的渲染引擎相比，Ivy Renderer 可以将应用程序的大小减少了一半，并提供更高的性能和更快的运行时间。开发人员只需要在 tsconfig.json 文件中启用 Ivy：
"angularCompilerOptions": {
"enableIvy": true
}更简单的代码
Angular 8.0 还引入了一些新功能，使编写代码更加简单和高效。以下是其中一些功能的示例：
TypeScript 3.4
Angular 8.0 默认使用 TypeScript 3.4。TypeScript 3.4 引入了很多新的语言特性，例如元组标记和 const 断言。这些新特性可以使开发人员在编写代码时更加方便和自信。
Web Workers
Web Workers 是在后台线程中运行的脚本，可以有效地提高 Web 应用程序的性能。Angular 8.0 引入了新的 @angular/platform-webworker 模块，并提供了一个更简单的方法来使用 Web Workers。以下是一个示例：
import { platformWorkerAppDynamic } from '@angular/platform-webworker-dynamic';
import { AppModule } from './app/app.module';
platformWorkerAppDynamic().bootstrapModule(AppModule);Bazel 构建
Bazel 是一个用于构建和测试软件项目的工具。Angular 8.0 使用 Bazel 构建系统进行构建。Bazel 可以让开发人员更轻松地构建和测试 Web 应用程序，并提供高度可扩展性和可重复性。
ng build -- --prod --output-path=dist/out
结论
Angular 8.0 的新特性使得前端开发更加简单和高效。从性能优化到代码编写，Angular 8.0 为开发人员提供了令人兴奋的新功能。如果你正在寻找一种先进的前端开发框架，Angular 8.0 绝对值得一试。
示例代码
以下是 Web Workers 示例的完整代码：
app.component.ts
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- - ---- -------------------
------------
--------- -----------
--------- --------------------
--
------ ----- ------------ -
----- - -------- ---------
------------------- ------- -------------- -
---------------------------------- -- ---------- - ------- -----------
-
-worker.service.ts
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ------- - ---- -------
------ - ------ - ---- -----------------
------ - -- ---- ---- -------
-------------
----------- ------
--
------ ----- ------------- -
------- ------- -------
------- ----- - --- ------------------
------ - --------------------------
------------- -
------------------------
-
------- ----- ------------------ -
----------- - --- --------------------------- ----------------
------------------------- ------- ------- -- -
-----------------------
---
-
----- ----------- -
-------------------------------------
-
-worker.js
-- -------------------- ---- -------
------ - ------ - ---- -----------------
--- ----- - --
----- ------ - --- -------------------
-------------------- ------- -- -
-- -------- --- ------------ -
--------
--------------------------
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671e756e2e7021665ef80bf6