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會自動加載 這個模塊。


相關參考文檔