Angular - 概述



Angular 是一個基於 TypeScript 的全棧 Web 框架,用於構建 Web 和移動應用程式。其主要優勢之一是 Angular 8 支援能夠適應任何螢幕解析度的 Web 應用程式。Angular 應用程式完全相容移動裝置、平板電腦、筆記型電腦或桌上型電腦。Angular 8 擁有一個優秀的 Web 開發人員使用者介面庫,其中包含可重用的 UI 元件。

此功能幫助我們建立單頁面應用程式 (SPA)。SPA 是響應迅速且快速的應用程式。例如,如果您在單頁面中有一個按鈕,並且單擊該按鈕,則操作會在當前頁面中動態執行,而無需從伺服器載入新頁面。Angular 基於 TypeScript 的面向物件程式設計,並支援伺服器端程式設計功能。

Angular 各版本的比較

眾所周知,Google 釋出了 **Angular** 的各個版本,以改進移動和 Web 開發能力。所有已釋出的版本都向後相容,並且可以輕鬆更新到較新版本。讓我們來看看已釋出版本的比較。

AngularJS

AngularJS 是一個非常強大的 JavaScript 框架。它於 2010 年 10 月釋出。AngularJS 基於模型檢視控制器 (MVC) 架構,並自動處理適合每個瀏覽器的 JavaScript 程式碼。

Angular 2.0

Angular 2.0 於 2016 年 9 月釋出。它是 AngularJS 的重新設計和重寫版本。AngularJS 側重於控制器,但版本 2 將重點放在元件上。元件是應用程式的主要構建塊。它支援提高渲染速度、更新頁面和為 Google Android 和 iOS 構建跨平臺原生移動應用程式的功能。

Angular 4.0

Angular 4.0 於 2017 年 3 月釋出。它更新到 TypeScript 2.2,支援 ng if-else 條件,而 Angular 2 只支援 if 條件。Angular 4.0 引入了動畫包、Http 搜尋引數,最終 Angular 4 應用程式更小更快。

Angular 5.0

Angular 5.0 於 2017 年 11 月釋出。它支援一些重要特性,例如 HTTPClient API、Lambda 支援、改進的編譯器和構建最佳化器。

Angular 6.0

Angular 6.0 於 2018 年 5 月釋出。此版本新增的功能包括更新的 Angular CLI、更新的 CDK、更新的 Angular Material、多個驗證器和 Reactive JS 庫的使用。

Angular 7.0

Angular 7.0 於 2018 年 10 月釋出。一些重要特性包括 Google 支援的社群、基於 POJO 的開發、模組化結構、宣告式使用者介面和模組化結構。

Angular 8 新特性

Angular 8 具有以下新的吸引人的特性:

  • **Bazel 支援:**如果您的應用程式使用多個模組和庫,Bazel 並行構建有助於加快應用程式載入速度。

  • **延遲載入:**Angular 8 將 **AppRoutingModule** 分割成更小的包並在 DOM 中載入資料。

  • **差異載入:**建立應用程式時,Angular CLI 會生成模組,這些模組將自動載入,然後瀏覽器將呈現資料。

  • **Web Worker:**它在後臺執行,不會影響頁面的效能。

  • **CLI 工作流程改進:**Angular 8 CLI 命令 ng-build、ng-test 和 ng-run 擴充套件到第三方庫。

  • **路由器向後相容性:**Angular 路由器向後相容性功能有助於為大型專案建立路徑,以便使用者可以輕鬆地藉助懶載入新增其程式碼。

  • **選擇加入使用情況共享:**使用者可以選擇加入共享 Angular CLI 使用資料。

應用案例

以下是使用 Angular 框架的一些流行網站:

  • **Weather.com:**這是一個領先的天氣預報網站。

  • **YouTube:**這是一個由 **Google** 託管的影片分享網站。

  • **Netflix:**這是一家科技和媒體服務提供商。

  • **PayPal:**這是一個線上支付系統。

廣告