Angular Addicts # Angular 隱式函式庫，未來是獨立的等等
？嘿，Angular Addict 夥伴
這是 Angular Addicts Newsletter 的第 29 期，這是每月精選的引起我注意的 Angular 資源合集。 （這是第28、27、26期）
?發佈公告
？ Angular 18.2 有哪些新功能？
Angular 18.2，Angular 的最新次要版本，於 8 月發布。 Cédric Exbrayat 介紹了主要的新功能：
- fakeAsync 中的自動刷新
- 當穩定的幫手
- 路由器中的defaultQueryParams處理
- 遷移將透過建構函式完成的依賴注入遷移到注入函數
- 遷移以將路由中使用的獨立元件轉換為延遲載入
- 新的診斷功能，用於捕獲事件綁定中未調用的函數和未使用的 @let 聲明
- 建構器中基於屬性的載入器配置支援
？ Nx 19.5 來了！ Stackblitz、Bun、Vite 增量建置、Gradle Test Atomizer
Nx 的最新小版本已於上個月發布。 Zack DeRose 總結了新功能：
- StackBlitz 支援
- Bun 和 pnpm v9 支援
- 本地片狀任務偵測
- 專案詳細視圖增強功能
- 對 targetDefaults 的模式支援
- 單一目標現在可以選擇退出並行
- 支援 Vite 增量構建
- Project Crystal 轉換發電機
- Gradle 複合建置支援
- 實驗：Gradle 測試霧化
- 實驗：Nx 版本新增了基於檔案的版本控制支援
- 支援 React 19 (rc) 和 Angular 18.1
?2024 年 8 月的角寶石
?帶有 Nx 的隱式庫：按慣例的輕量級 Angular 架構
Manfred Steyer 向我們展示了一種架構，其中庫配置是由 Nx 插件使用約定導出的。使用隱式庫，我們可以透過建立一個包含index.ts檔案的資料夾來建立一個新庫。
隱式函式庫的想法來自 Younes Jaaidi 的部落格文章。他還撰寫了有關此主題的逐步指南。
?在 Angular 18.2 中使用isolatedModules
Angular 18.2 支援 TypeScript 隔離模組。此功能可能會縮短生產建置時間。 Mark Thompson 和 Charles Lyding 解釋了此功能的工作原理以及如何在 Angular 專案中設定它。
？未來是獨立的！
在 Angular 19 中，standalone: true 將成為元件、指令和管道的預設設定。 Alex Rickabaugh 澄清 NgModules 不會被棄用，並且將會有一個自動遷移，它將：
- 刪除獨立組件：對於現有獨立組件為 true
- 將standalone: false 加入現有的 NgModule 組件中，以便它們繼續工作
?創建 Envless Angular 應用程式
在他的文章中，Maksim Dolgikh 解釋瞭如何從每個環境的硬編碼代碼轉變為可在任何地方使用的通用構建。他提出了兩種解決方案：
- 從設定伺服器取得設定
- 在 Docker 映像檢索階段使用 Docker 並建立 JSON 設定檔
?將一個簡單的 React 元件移植到 Angular
Chau Tran 比較了 React 和 Angular 的組合模型，解釋瞭如何使用 React Three Fiber 中的 Selection 和 Select 組件，並提供了將這些組件從 React 移植到 Angular 的詳細指南。
??？關於作者
我的名字是 Gergely Szerovay，我擔任資料科學家和全端開發人員多年，並且一直擔任前端技術主管，專注於基於 Angular 的前端開發。作為我角色的一部分，我不斷關注 Angular 和前端開發場景的整體發展。為了分享我的知識，我於 2022 年啟動了 Angular Addicts 每月通訊和出版物，以便我可以向您發送我每個月遇到的最佳資源。無論您是經驗豐富的 Angular 愛好者還是初學者，我都能滿足您的需求。如果您想成為作家，請告訴我。一起來學習Angular吧！在這裡訂閱？
Angular 在過去的幾年裡發展得非常迅速，在過去的一年裡，隨著生成式 AI 的興起，我們的軟體開發工作流程也快速發展。為了密切關注人工智慧輔助軟體開發的發展，我決定開始公開建立人工智慧工具，並在 AIBoosted.dev 上發布我的進展。加入我的學習之旅：在這裡訂閱？
Follow me on Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter or LinkedIn to learn more about Angular, and how to build AI apps with AI, Typescript, React and Angular!
?️Previous issues
If you missed the previous issues of the newsletter, you can read them here, these are the latest 3 issues:
- Angular Addicts #28: Angular 18.1, Component testing, SSR guide & more
- Angular Addicts #27: NgRx 18, New RFC: DomRef API, Web storage with Signals & more
- Angular Addicts #26: Angular 18, best practices, recent conference recordings & more
? Submit your Angular resource
Have you found or written an interesting Angular-related article, tweet or other resource lately? Please let me know here in the comments or send me a DM on Twitter! I might feature it in the next Angular Addicts issue!
以上是Angular Addicts # Angular 隱式函式庫，未來是獨立的等等的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
高級JavaScript範圍和上下文
Jul 24, 2025 am 12:42 AM
JavaScript的作用域決定變量可訪問範圍，分為全局、函數和塊級作用域；上下文決定this的指向，依賴函數調用方式。 1.作用域包括全局作用域（任何地方可訪問）、函數作用域（僅函數內有效）、塊級作用域（let和const在{}內有效）。 2.執行上下文包含變量對象、作用域鍊和this的值，this在普通函數指向全局或undefined，在方法調用指向調用對象，在構造函數指向新對象，也可用call/apply/bind顯式指定。 3.閉包是指函數訪問並記住外部作用域變量，常用於封裝和緩存，但可能引發
使用JavaScript構建安全的沙盒iframe
Jul 16, 2025 am 02:33 AM
要使用JavaScript建立一個安全的沙盒iframe，首先利用HTML的sandbox屬性限制iframe行為，例如禁止腳本執行、彈窗和表單提交；其次通過添加特定token如allow-scripts來按需放寬權限；接著結合postMessage()實現安全的跨域通信，同時嚴格驗證消息來源和數據；最後避免常見配置錯誤，如未驗證源、未設置CSP等，並在上線前進行安全性測試。
如何使用JS獲取所選廣播按鈕的值？
Jul 18, 2025 am 04:17 AM
獲取選中的單選按鈕值的核心方法有兩種。 1.使用querySelector直接獲取選中項，通過input[name="your-radio-name"]:checked選擇器獲取選中的元素並讀取其value屬性，適合現代瀏覽器且代碼簡潔；2.使用document.getElementsByName遍歷查找，通過循環NodeList找到第一個checked的radio並獲取其值，適合兼容舊瀏覽器或需要手動控制流程的場景；此外需注意name屬性拼寫、處理未選中情況以及動態加載內容時
掌握JavaScript並發模式：網絡工人與Java線程
Jul 25, 2025 am 04:31 AM
JavaScript的WebWorkers和JavaThreads在並發處理上有本質區別。 1.JavaScript採用單線程模型，WebWorkers是瀏覽器提供的獨立線程，適合執行不阻塞UI的耗時任務，但不能操作DOM；2.Java從語言層面支持真正的多線程，通過Thread類創建，適用於復雜並發邏輯和服務器端處理；3.WebWorkers使用postMessage()與主線程通信，安全隔離性強；Java線程可共享內存，需注意同步問題；4.WebWorkers更適合前端並行計算，如圖像處理，而
VUE 3組成API與選項API：詳細比較
Jul 25, 2025 am 03:46 AM
Vue3中CompositionAPI更适合复杂逻辑和类型推导，OptionsAPI适合简单场景和初学者；1.OptionsAPI按data、methods等选项组织代码，结构清晰但复杂组件易碎片化；2.CompositionAPI用setup集中相关逻辑，利于维护和复用；3.CompositionAPI通过composable函数实现无冲突、可参数化的逻辑复用，优于mixin；4.CompositionAPI对TypeScript支持更好，类型推导更精准；5.两者性能和打包体积无显著差异；6.
用於復雜JavaScript應用的高級調試技術，利用Java調試原理
Jul 17, 2025 am 01:42 AM
調試JavaScript複雜應用需系統化使用工具。 1.設斷點及條件斷點攔截可疑流程，如函數入口、循環、異步回調前並按條件過濾；2.啟用Blackboxing功能屏蔽第三方庫干擾；3.結合環境判斷使用debugger語句控制調試入口；4.通過CallStack追溯調用鏈路，分析執行路徑與變量狀態，從而高效定位問題根源。
在JavaScript中探索類型的強制規則
Jul 21, 2025 am 02:31 AM
類型強制轉換是JavaScript中自動將一種類型的值轉為另一種類型的行為，常見場景包括：1.使用 運算符時，若其中一邊為字符串，另一邊也會被轉為字符串，如'5' 5結果為"55"；2.布爾上下文中非布爾值會被隱式轉為布爾類型，如空字符串、0、null、undefined等被視為false；3.null參與數值運算會轉為0，而undefined會轉為NaN；4.可通過顯式轉換函數如Number()、String()、Boolean()避免隱式轉換帶來的問題。掌握這些規則有助於
如何在JS中格式化日期？
Jul 20, 2025 am 12:10 AM
在JavaScript中格式化日期可通過原生方法或第三方庫實現。 1.使用原生Date對象拼接：通過getFullYear、getMonth、getDate等方法獲取日期部分，手動拼接成YYYY-MM-DD等格式，適合輕量需求且不依賴第三方庫；2.使用toLocaleDateString方法：可按本地習慣輸出如MM/DD/YYYY格式，支持多語言但格式可能因環境不同而不一致；3.使用第三方庫如day.js或date-fns：提供簡潔語法和豐富功能，適合頻繁操作或需要擴展性時使用，例如dayjs()
