17611538698
webmaster@21cto.com

Angular 18 发布:与 Wiz 框架合并,与 Google 搜索使用相同的库

资讯 0 1017 2024-05-26 09:55:38
导读:Angular18框架正式发布,这是与Wiz合并之后的第一版本。

Angular 开发团队发布了由 Google 赞助的基于TypeScript 框架的第 18 版。

值得一提的,当下版本是包括 Google 搜索引擎也在使用的核心库。

图片

Angular 18 框架更新概要

Angular 18亮点包括用于Material 3设计系统组件的稳定 API,还有之前在开发者预览版中的可延迟视图与控制流。

可延迟视图(标有 @defer 的块)通过在初始页面加载,以此来减少页面加载时间。标有 @placeholder 和 @loading 的可选块可显示临时内容,例如加载缓慢的组件可以立即显示占位符内容,然后显示加载指示器以向用户显示内容正在加载中。

控制流允许开发者使用 @if、@for 和 @switch 有条件地显示、隐藏或重复元素,取代早期的 Angular 标签 ngIf、ngFor 和 ngSwitch。新指令经过了更好的优化,并具有其他更多优势。

合并Wiz后的全新特性

Angular 是 Google 的 JavaScript/TypeScript 框架,之前该公司还有一个名为 Wiz 的内部框架,多年来一直用于支持 Google 的产品,包括搜索、照片和支付。Wiz 专注于性能,而 Angular 用于更复杂的 UI(用户界面)。

3 月份,Google表示将正式合并这两个框架,但这是一个渐进型的策略。

其中的一个成果是出现了一个称为事件分发的功能。它基于 Wiz 库 jsaction。该功能的典型用例是,当页面加载了按钮等交互元素时,用户界面在附加 JavaScript 事件处理程序之前呈现。事件分发会捕获用户的点击,这样就不会丢失这些点击(因为整个页面尚未加载),而是会在完整页面加载后记录并重放这些点击。

Angular 工具和文档还在不断增加与开发中。文档现在位于名为angular.dev的新站点上,其中还包括使用 StackBlitz WebContainers的交互式游乐场和相关教程。

Hydration 是通过重用现有 DOM(文档对象模型)将服务器端渲染的内容加载到客户端而不会出现闪烁的过程。在 Angular 18 中,Material 3 组件完全支持 Hydration,其中一些组件以前不支持它。还计划使用与可延迟视图类似的方法进行部分或增量 Hydration,其中一些工作已经在制作原型。

Chrome 扩展程序 Angular DevTools 现在已经包含 Hydration 可视化。

结语

Gechev 中提到“Angular 复兴”:AngularJS 已经被重写并命名为 Angular 2 ,进行了巨大改动,在 React 和基于 React 的框架流行之后,Angular 的使用率开始下降,到现在又开始了“复苏”。

它的复兴程度还在进行中,但它依然被人们广泛使用,并且随着谷歌的内部使用与赞助,继续快速发展着。

作者:金宝

评论