初始Angularjs2

1、爲何使用Angularjs2

Angularjs2全面使用了模塊化、組件化的思想，它有以下的特性：

1）模塊化

• 在ng2的應用中，全部的系統功能都是模塊化的，開發者只須要按需導入
• 模塊化的好處在於能夠當應用加載時，是按需加載的，大大提升了應用啓動時候的性能
• 對於開發和維護很是方便，同時易於協做開發

2）使用了TypeScript

• TypeScript是JavaScript的超集，經過開發發現，JavaScript有語法錯誤並不會影響整個應用，因此有了TypeScript，TypeScript的代碼會先編譯成JS代碼，只要有什麼語法錯誤都能後在編譯的過程當中發現
• TypeScript具備面嚮對象語言的一些特性，例如接口，繼承，包等，例如，在TypeScript中就直接使用implemes，interfaces這樣的字段，很是方便

2、Angularjs架構

經過了解Angularjs2，我覺用一句話能夠歸納Angularjs2的核心概念：「用Angular擴展的語法來編寫HTML模板，用組件來管理這些模版，用服務添加應用邏輯，用模塊打包發佈組件與服務，最後經過引導根模塊來啓動應用」

經過這個圖咱們能夠看到，Angular框架的主要構造塊有如下8個部分：

• 模塊
• 組件
• 模板
• 元數據
• 數據綁定
• 服務
• 指令
• 依賴注入

　　與用戶直接交互的就是模版視圖，模版視圖並非獨立的模塊，它是組件的重要元素之一，另外一個重要的重要元素就是組件類，，用以維護組件的的數據模型機功能邏輯，不一樣組件之間的切換經過路由模塊來控制。指令與模板之間存在關聯，主要的做用就是加強模板特性，間接擴展模版的語法。服務是封裝某一功能呢邏輯單元，這個功能邏輯能夠經過依賴注入的機制引入之組件內部，做爲組件的功能擴展；

　　經過上述能夠發現，Anaularjs應用始終都是圍繞「組件」設計的，因此說應用是由一個個大大小小的鬆耦合的組件構成。

後續將對每個構造塊進行深刻探討～

3、Angularjs從框架到平臺

能夠說Angularjs2如今更像是一個平臺而不是一個簡單的類庫了，目前在此基礎上構建其餘好用的工具：

框架核心包含：

• 依賴注入
• 裝飾器支持
• zone.js
• 編譯服務
• 變化檢測
• 渲染引擎

外部工具庫：

• Angular Material，Google官方的設計風格的UI組件庫

工具：

• CLI爲開發者提供了工做流自動化解決方案。功能涵蓋了建立項目，生成組件，配置路由，啓動開發服務器，構建測試，運行測試，預處理CSS，部署前的構建
• Augury用於調試，分析性能和可視化查看應用組件樹，能夠快速定位問題和調優