由於我們該領域的專家的努力,技術不斷取得進步。行動和 Web 開發、框架和程式語言幾乎每天都有新的升級和版本。不過,Angular 11 版本的發布有些不同,因為他們是在 11 月 11 日的數據上推出的。他們一定以為如果是2011年那就更好了,哈哈!
Google推出了著名的單頁應用框架 Angular 11 版本。此次發布的重點是增強開發人員體驗並完成問題追蹤器的清理。這個版本的 Angular 突出了一些有趣的功能,例如元件、框架和 CLI,我們無法停止分享最新版本。因此,當我們討論Google Angular 11 的最新版本時,穿著睡衣放鬆一下,喝杯咖啡。
此版本有什麼新功能?
1. 經營博客
這是最重要的角度組件之一,根據社區需求進行升級 阿曼 WhatsApp 購物數據 只有專家團隊才能識別。此次新升級包括 3 個單一倉庫,可對所有門票進行分類。 Angular 團隊承諾將在兩週內對報告的所有新問題進行分類。他們計劃支持 Angular 社區。他們將繼續分類和解決問題,並努力加強接受社區貢獻的流程。
2.自動字體內聯
為了透過加速首次內容繪製來提高應用程式的速度,團隊引入了自動內聯字體。在編譯時,Angular CLI 將安裝應用程式中正在使用和連結的內聯字體。 Angular 團隊在版本 11 中預設啟用了此功能。要更新您的應用程序,最好利用這個框架。
3. 組件測試工具
該元件是在 Angular 版本 9 中引入的。它為開發人員提供了一種在測試期間借助 API 與 Angular Material 元件互動的方法。
版本 11 具有適用於所有元件的工具,開發人員可以創建更強大的測試套件。該團隊還包括效能改進和新的 API。同時功能使開發人員能夠同時與元件運行各種非同步交互,從而使測試中的非同步操作變得更加容易。透過在單元測試中固定自動變更偵測,manualChangeDetection 函數使開發人員能夠對變更偵測進行更細微的控制。
4.更好的報告和日誌記錄
在最新的升級中,新的 Angular 版本 11 中的 CLI 輸出使報告和日誌記錄比以前更容易。
5.更新語言服務
Angular 語言服務提供了有用的工具,使 Angular 開發變得有趣且有效率。現有版本的語言服務是基於View Engine。 Angular 版本 11 將深入了解基於 Ivy 的語言服務。升級後的語言服務為開發者帶來更穩健、更精準的體驗。語言服務現在能夠正確推斷模板中的泛型類型,就像 TypeScript 編譯器一樣。
6. 升級熱模組更換(HMR)支持
Angular 為 HMR 提供了支持,但促進它需要建置和程式碼更改 智慧購物:它是什麼以及它如何運作。 這使得它不太適合快速納入 Angular 專案。在版本 11 中,團隊更新了 CLI,以允許在使用 ngserve 啟動應用程式時啟用 HMR。
首先,執行以下命令:ngserve –hmr
本機伺服器啟動後,控制台將顯示一則訊息,驗證 HMR 是否處於活動狀態。
模板、樣式和元件的最新變更將在開發過程中及時更新到正在運行的應用程式中,而無需刷新整個頁面。輸入到表單中的資料得到維護,並且滾動位置渲染提高了開發人員的工作效率。
7. 實驗性 webpack 5 支持
目前,團隊可以選擇使用 webpack 版本 5。很快,webpack v5 將為以下目標掃清道路:
– 借助 cjs tree-shaking 實現更小的捆綁包
– 透過一致的磁碟快取加快建置速度
團隊不建議選擇用於生產用途,因為支援是實驗性的且正在開發中。
8. 代碼檢查
TSLint 受到專案創建者的譴責 中國資料庫 他們建議遷移到 ESLint。 James Henry 與開源社群的其他人一起,透過 Angular-eslint、typescript-eslint 和 tslint-to-eslint 配置建立了第 3 方解決方案和遷移路徑。
團隊對版本 11 中使用 Codelyzer 和 TSLint 表示遺憾。
9. 客房服務
在此更新中,我們將取消對 IE9/IE10 和 IE 行動版的支援。 IE11 是仍由 Angular 支援的 IE 版本。該團隊還消除了令人遺憾的 API,並將一些 API 添加到折舊清單中。請務必確認您正在使用最新的 API 並遵守我們建議的最佳實務。