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

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