Angular 2 教學
Angular2 是一款開源JavaScript庫,由Google維護,用來協助單一頁面應用程式執行。
Angular2 是 Angular 1.x 的升級版本,效能上得到顯著的提高,能很好的支援 Web 開發元件。
Angular2 釋出於2016年9月份,它是基於ES6來開發的。
學習本教學需要的基礎知識
學習本教學前,你需要具備基本的前端基礎:HTML、CSS、JavaScript。此外你還需要了解 NPM 及 TypeScript。
Angular2.x與Angular1.x 的區別
Angular2.x與Angular1.x 的區別類似 Java 和 JavaScript 或者說是雷鋒與雷峰塔的區別,所以在學習Angular2.x時大家需要做好重新學習一門語言的心裡準備。
執行條件!
由於目前各種環境(瀏覽器或 Node)暫不支援ES6的程式碼,所以需要一些shim和polyfill(IE需要)讓ES6寫的程式碼能夠轉化為ES5形式並可以正常執行在瀏覽器中。
從上圖可以看出在 Es5 瀏覽器下需要以下模組載入器:
systemjs - 通用模組載入器,支援AMD、CommonJS、ES6等各種格式的JS模組載入。
es6-module-loader - ES6模組載入器,systemjs會自動載入這個模組。
traceur - ES6轉碼器,將ES6程式碼轉換為當前瀏覽器支援的ES5程式碼,systemjs會自動載入 這個模組。
相關參考檔案
- Angular 官網:https://angular.io/
- Angular 官方檔案:https://angular.io/docs/ts/latest/quickstart.html
- Angular 中文檔案:https://angular.cn/docs
- Angular Github:https://github.com/angular/angular