Angular 2 imooc 學習筆記

1、AngularJS的發展歷史

　　12年6月，AngularJS 1.0.0正式版推出：雙向綁定、依賴注入、指令

　　AngularJS 1.3.x放棄支持IE8瀏覽器：推出了單詞綁定語法

　　AngularJS 1.5.x 增長相似組件式書寫體驗：爲過渡Angular2作鋪墊

 

　　AngularJS 1.x的困境

　　（1）性能問題

　　（2）落後於當前web發展理念（如組件開發方式）

　　（3）對手機端支持不夠友好

 

　　Angular2萌生——2016年9月發佈

　　新特性

　　（1）移除controller+￥scope設計，改用組件式開發（更容易上手）

　　（2）性能更好（渲染更快，變化檢測效率更高）

　　（3）優先爲移動應用設計（Angular Mobile Toolkit）

　　（4）更加貼合將來的標準（如ES6/七、WebComponent）

 

　　無縫升級方案 - UpgradeAdapter

 

2、Angular 2的核心概念詳解

 　　八個核心組件：

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

　　

　　

　　

　　

　　

　　

 

　　指令：

　　ElementRef模板元素的引用 Renderer輔助渲染

　　@Directive定義指令 @Component定義組件

　　

　　

 

　　依賴注入：

　　

　　

 

　　模塊：

　　　　（1）框架代碼以模塊形式組織（文件模塊）

　　　　（2）功能單元以模塊形式組織（應用模塊）

　　　　服務的注入是全局的，服務不在模塊的導入和導出範疇,由於服務做用於模塊時是做用於全局的,全部的組件均可以直接使用模塊中的服務

　　

　　

　　

　　

　　

　　

　　

3、Angular快速入手

　　TypeScript簡述

　　

　　

　　

 

　　開發環境準備：

　　　　一、node.js：推薦使用6.0以上的版本

　　　　二、webpack：npm install -g webpack

　　　　三、開發IDE工具：VS Code 微軟推出的免費跨平臺的編輯器，支持TypeScript語法高亮及提示

　　webpack打包工具，根據入口模塊進行模塊。