Angular 18改进Hydration的国际化支援,稳定提供Material 3与可延迟检视功能

前端框架Angular 18出炉,这个版本的主要目标在于改进现有功能。在Angular 17中加入,提供JavaScript直觉程式码编写风格,具有降低开发者对文件依赖,以及良好类型检查方法的内建控制流程语法,还有用于改进延迟载入的可延迟检视(Deferrable Views)功能,经过数月发展之后已经在Angular 18稳定,开发者可放心用于产品开发上。

在数月前开发团队引入对Material 3的实验性支援,现在也于Angular 18中稳定。开发团队也已经使用Material 3的主题和文件,更新Angular Material元件官方网站material.angular.io。

Angular开发团队与Chrome Aurora团队合作,于Angular 18引入i18n(Internationalization)模组的Hydration支援,这代表伺服器端渲染现在可以高效处理多语言内容。Hydration是指客户端将伺服器端预渲染的静态HTML,转变成动态网页的过程,这种技术让客户端不需要从头开始建构整个DOM,而是将静态内容转换成可互动元素,因此可以明显提高首次载入的速度。

加入i18n支援后,伺服器端结合Hydration,可以在加快页面载入时间的同时,确保多语言内容的正确呈现。

此外,开发团队也加入一项实验性的变更侦测机制,目的是要改善开发者体验与效能。目前Angular使用zone.js函式库来触发变更侦测,但是zone.js存在一些开发者体验和效能上的缺陷,而这次Angular开发团队推出一系列实验性API,允许开发者在不仰赖zone.js的情况下使用Angular。

不仰赖zone.js的变更侦测架构,与微前端的可组合性更好,与其他框架的互通性更佳,而且由于不仰赖zone.js,初始渲染和执行时间得以加快,且程式大小缩减页面载入速度加快,堆叠追踪更易读,开发者除错起来也更轻松。