登入

會員權益

獲取需求

查看名片

專屬客服

尊貴標識

VIP低至1.5U/天

Angular 18改進Hydration的國際化支援,穩定提供Material 3與可延遲檢視功能

分享

支付動態

2024-05-26

Material 3、可延遲檢視(Deferrable Views)與內建控制流程語法在Angular 18中都已進入穩定階段,該版本還新增伺服器端渲染Hydration的國際化支援,並且實驗不仰賴zone.js函式庫的變更偵測機制

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,初始渲染和執行時間得以加快,且程式大小縮減頁面載入速度加快,堆疊追蹤更易讀,開發者除錯起來也更輕鬆。

免責聲明:
詳情
HUIDU.io

GROWTH DRIVEN GLOBAL PTE. LTD. 202618650K

101 THOMSON ROAD, #28-03A, UNITED SQUARE, SINGAPORE 307591

Copyright 2026 HuiDu