Angular專案的啟動過程

2021-08-29 14:03:38 字數 552 閱讀 9091

大家都知道angular有很多的優點,包括:

橫跨所有平台

學會用angular構建應用,然後把這些**和能力復用在多種多種不同平台的應用上 —— web、移動 web、移動應用、原生應用和桌面原生應用。

速度與效能

通過web worker和服務端渲染,達到在如今(以及未來)的web平台上所能達到的最高速度。

angular讓你有效掌控可伸縮性。基於rxjs、immutable.js和其它推送模型,能適應海量資料需求。

美妙的工具

使用簡單的宣告式模板,快速實現各種特性。使用自定義元件和大量現有元件,擴充套件模板語言。在幾乎所有的ide中獲得針對angular的即時幫助和反饋。所有這一切,都是為了幫助你編寫漂亮的應用,而不是絞盡腦汁的讓**「能用」。

那麼angular的專案是如何啟動的呢?我們來嘗試一下:

1.angular應用在啟動時首先會去angular.json這個配置檔案中去尋找要載入的頁面和指令碼。

載入的是src/index.html和src/main.ts

5.最後,將元件渲染到index.html中的選擇器中

Angular的啟動過程

main.ts 是啟動的起點,platformbrowserdynamic這個函式是瀏覽器平台的工廠函式,執行會返回瀏覽器平台的例項,然後對根模組進行初始化,鏈式的將所有的依賴的module都給載入進來。每個應用程式都是通過模組的using bootstrapmodule方法 建立的。import ...

Angular 啟動過程與結構分析

一 angular專案的結構 用vscode開啟建立的專案 e2e 端到端的測試 node modules 第三方模組庫 src 專案所有檔案存在這裡 assets 靜態資源 environments 包含為專案準備的環境檔案 index.html 主頁面 main.ts 應用的主要入口 polyf...

tomcat專案啟動過程

1 startup 讀取配置檔案配置的jar,lib下的jar,環境變數配置的jar。2 catalina 讀取tomcat內建的使用者管理介面,讀取配置tomcat user.xml。3 讀取server.xml,根據層級關係設定到services物件中。每個節點都有自己的listener 用來根...