邁向Angular 2：基于TypeScript的高性能SPA框架

序言 第1章　Angular 2快速上手 Web的進(jìn)化——新框架時(shí)代 ECMAScript的進(jìn)化 Web Component WebWorker 從AngularJS 1.x中學(xué)到的經(jīng)驗(yàn) Controller Scope 依賴(lài)注入 服務(wù)端渲染 大規(guī)模應(yīng)用 模板 臟值檢測(cè) 本章小結(jié) 第2章　Augular 2應(yīng)用的基礎(chǔ)構(gòu)件 Angular 2概念性簡(jiǎn)介 臟值檢測(cè) 認(rèn)識(shí)Angular 2中的組件 組件實(shí)戰(zhàn) Angular 2中的組件 管道 定義管道 臟值檢測(cè) 傳統(tǒng)的臟值檢測(cè) AngularJS 1.x中的臟值檢測(cè) 增強(qiáng)AngularJS 1.x的臟值檢測(cè) 理解服務(wù) 理解新的基于組件的路由機(jī)制 Angular 2中定義路由的語(yǔ)法 本章小結(jié) 第3章　TypeScript速成 TypeScript簡(jiǎn)介 編譯時(shí)類(lèi)型檢查 文本編輯器和IDE的支持更好 TypeScript的更多特性 TypeScript用法 用npm安裝TypeScript 運(yùn)行我們的第一個(gè)TypeScript程序 TypeScript從ES2015和ES2016中引入的語(yǔ)法和特性 ES2015中的箭頭函數(shù) 使用ES2015和ES2016中的類(lèi) 定義在塊級(jí)作用域中可見(jiàn)的變量 使用ES2016裝飾器進(jìn)行元編程 使用可配置的裝飾器 使用ES2015編寫(xiě)模塊化的代碼 使用ES2015中的模塊語(yǔ)法 利用隱式異步行為 使用別名 導(dǎo)入所有導(dǎo)出的模塊 默認(rèn)導(dǎo)出 ES2015模塊加載器 ES2015和ES2016總結(jié) 發(fā)揮靜態(tài)類(lèi)型的優(yōu)勢(shì) 使用顯式類(lèi)型定義 理解原生類(lèi)型 理解Object類(lèi)型 定義類(lèi) 使用訪問(wèn)修飾符 定義接口 使用TypeScript裝飾器提升表現(xiàn)力 使用類(lèi)型參數(shù)編寫(xiě)泛型代碼 使用泛型函數(shù) 多重泛型 利用TypeScript的類(lèi)型推斷機(jī)制簡(jiǎn)化代碼 最常見(jiàn)的類(lèi)型 與上下文有關(guān)的類(lèi)型推斷 使用外部類(lèi)型定義 使用預(yù)定義的外部類(lèi)型定義 自定義外部類(lèi)型 定義ts.d文件 本章小結(jié) 第4章　Angular 2組件和指令入門(mén) Angular 2 Hello world! 配置開(kāi)發(fā)環(huán)境 初始化項(xiàng)目倉(cāng)庫(kù) Angular 2和TypeScript上手試玩 首頁(yè)代碼深度解析 Angular 2指令用法 ngFor 指令 改進(jìn)了指令語(yǔ)法的語(yǔ)義 在模板內(nèi)部定義變量 在模板里面使用語(yǔ)法糖 定義Angular 2指令 設(shè)置指令的輸入 理解指令的構(gòu)造函數(shù) 封裝指令的更好方式 Angular 2內(nèi)置指令的用法 組件視圖封裝簡(jiǎn)介 實(shí)現(xiàn)組件的控制器 處理用戶(hù)交互 指令的輸入和輸出 找到指令的輸入和輸出 定義組件的輸入和輸出 傳遞輸入與使用輸出結(jié)果 事件冒泡 重命名指令的輸入與輸出 定義輸入輸出參數(shù)的另一種語(yǔ)法 詳解Angular 2中的內(nèi)容投影 Angular 2中的內(nèi)容投影入門(mén) 投射多塊內(nèi)容 組件嵌套 ViewChildren和ContentChildren的用法 ViewChild與ContentChild 掛鉤到組件的生命周期上 執(zhí)行的順序 用TemplateRef定義通用視圖 理解并優(yōu)化臟值檢測(cè)機(jī)制 臟值檢測(cè)器的執(zhí)行順序 臟值檢測(cè)策略 利用不可變數(shù)據(jù)和OnPush策略提升性能 在Angular中使用不可變數(shù)據(jù)結(jié)構(gòu) 本章小結(jié) 第5章　Angular 2中的依賴(lài)注入 為什么要依賴(lài)注入？ Angular 2中的依賴(lài)注入 Angular 2中DI的優(yōu)點(diǎn) 配置注射器 使用生成的元數(shù)據(jù)解析依賴(lài)關(guān)系 初始化注射器 前向引用簡(jiǎn)介 配置provider 定義實(shí)例化服務(wù)的工廠 子注射器以及可見(jiàn)性 構(gòu)建注射器層級(jí)結(jié)構(gòu) 配置依賴(lài)關(guān)系 在組件和指令中使用DI 元素注射器簡(jiǎn)介 在ES5中使用Angular的DI機(jī)制 本章小結(jié) 第6章　Angular 2中的路由和表單 開(kāi)發(fā)一個(gè)名為“碼農(nóng)倉(cāng)庫(kù)”的應(yīng)用 探索Angular 2中的路由 定義根組件并啟動(dòng)應(yīng)用 PathLocationStrategy的用法 使用@RouteConfig配置路由 routerLink 和router-outlet的用法 利用AsyncRoute實(shí)現(xiàn)懶加載 Angular 2中的表單用法 開(kāi)發(fā)模板驅(qū)動(dòng)型表單 深入理解模板驅(qū)動(dòng)型表單的標(biāo)簽結(jié)構(gòu) 使用內(nèi)置的表單校驗(yàn)器 自定義控件的校驗(yàn)器 在Angular中使用select輸入項(xiàng) NgForm指令的用法 Angular 2中的雙向數(shù)據(jù)綁定 存儲(chǔ)表單數(shù)據(jù) 顯示存儲(chǔ)的所有開(kāi)發(fā)者列表 本章小結(jié) 第7章　詳解管道以及與RESTful服務(wù)端之間的通信 在Angular 2中開(kāi)發(fā)數(shù)據(jù)模型驅(qū)動(dòng)型表單 使用控件校驗(yàn)器組合 探索Angular的HTTP模塊 使用Angular的HTTP模塊 定義參數(shù)化視圖 定義嵌套路由 使用管道進(jìn)行數(shù)據(jù)轉(zhuǎn)換 開(kāi)發(fā)無(wú)狀態(tài)管道 使用Angular內(nèi)置的管道 開(kāi)發(fā)有狀態(tài)管道 有狀態(tài)管道的用法 Angular中AsyncPipe的用法 本章小結(jié) 第8章　開(kāi)發(fā)體驗(yàn)與服務(wù)端渲染 在Web Worker中運(yùn)行應(yīng)用 WebWorker與Angular 2 啟動(dòng)基于WebWorker的應(yīng)用 把應(yīng)用遷移到Web Worker上 讓?xiě)?yīng)用兼容Web Worker 單頁(yè)應(yīng)用的加載過(guò)程 啟用了服務(wù)端渲染的SPA的加載過(guò)程 Angular 2中的服務(wù)端渲染 改善開(kāi)發(fā)體驗(yàn) 各種文本編輯器和IDE 熱重載 用angular-cli初始化項(xiàng)目 angular-cli的用法 Angular 2快速上手項(xiàng)目 Angular 2種子項(xiàng)目 針對(duì)Webpack的Angular 2入門(mén)項(xiàng)目 本章小結(jié)