SegmentFault 技術周刊 Vol.17 - 聽說你還沒用上 AngularJS

01-30

原文地址：SegmentFault 技術周刊 Vol.17 - 聽說你還沒用上 AngularJS

如何在網頁上構建動態應用，通常的解決方案是使用類庫和框架，來彌補原生 JS 和 HTML 的不足，實現具體的應用邏輯，如典型的 jQuery、knockout.js 等。而 Google 則直接嘗試從 HTML 本身下手去補足其在構建應用方面的缺陷，建立在客戶端的解決方案，比如

擴展傳統 HTML，將 HTML 分組成可重用的組件

MVC，增強基於瀏覽器的應用，使開發和測試變得更加容易

各種儘可能的 C.R.U.D. 操作

可測性支持，單元測試、端對端、自動化測試等

數據綁定，雙向地綁定可以適應動態內容，同時允許模型和視圖之間的同步

表單和表單驗證

……

對 DOM 的操作解耦，提高代碼的可測試性

這些功能的集合，最終成為一套前端框架——AngularJS。它創建的理念就是「讓命令式編程來表示業務邏輯」，因此框架採用並擴展了傳統 HTML，通過雙向的數據綁定來適應動態內容，雙向的數據綁定允許模型和視圖之間的自動同步。

社區之前已經出過六期關於 React 和 Vue 兩位 JS 界巨星的主題周刊，這次，來引入另外一位巨星 Angular——本期周刊將全面介紹它的各個特性，哪塊不熟悉或者不了解，幾乎都可以在裡邊得到解答，比如下面的這些疑惑。如果你還沒有使用 Angular 搭建過應用，那就從這裡開始吧！

- Angular 的指令到底是什麼？n- Angular 在實際應用中，有哪些優缺點？n- Angular 雙向數據綁定的實現原理？n- 從 MVC 的角度，AngularJS 的優缺點是什麼？n- Angular 2 與 React、Vue，哪個是前端的未來？n- Angular 2.x 與 1.x 相比，有哪些方面的改進？n- Angular 推出的 Material 目前有哪些實踐？n

內容目錄

1. 上手 —— 「玩轉 AngularJS」系列 by @dreamapplehappy

一招制敵 - 玩轉 AngularJS 指令的 Scope (作用域)
殺手鐧 - 在控制器中顯式地聲明數據模型
如來神掌 - 玩轉 AngualrJS 的依賴注入
給你一個承諾 - 玩轉 AngularJS 的 Promise
Angular 模板與表達式的綁定

2. 指令

AngularJS 指令入門丨 huangtengfei
「AngularJS 指令開發全解」 by @Tgor
- （1）參數詳解
- （2）模塊化方案

3. 細說特性

AngularJS 中的 Provider 們：Service 和 Factory 等的區別丨 savokiss
從 JavaScript 繼承說起，深入理解 Angular Scope 繼承關係丨 xiaoyu2er
理解 Angular 中的 $digest() 和 $apply() 丨 Erichain_Zain
AngularJS 源碼分析之 {{雙向數據綁定}} 丨 Morph_Zhou
Angular $q 完全指南丨 xiaoyu2er
Angular directive 實例詳解丨遇見波同學
AngularJS 表單驗證丨 huangtengfei
Angular 的 ViewModel 設計丨司徒正美
淺談 AngularJS 模板丨 Tychio

4. 用 XX 寫 AngularJS 是怎樣一種體驗？

Typescript
- 用Typescript編寫AngularJS應用是怎樣一種感受丨 leftstick
- 如何使用 TypeScript 編寫自定義 AngularJS 指令？丨 llp要變身
ES2015
- 用 ES6 編寫 AngularJS 程序是怎樣一種體驗丨 leftstick
- Angular 1.5 Styleguide (ES2015) 丨 DiscipleD
- 使用 ES2015 開發 Angular1.x 應用指南丨靜逸秋水
- Angular 1.x + ES6 開發風格指南丨 kuitos
- ES6 + Angular 1.x 丨 n?i?g?h?t?i?r?e?

5. 都開發出了什麼樣的應用？

桌面應用
- 從用 AngularJS 開發 PC 客戶端說起丨 Mr_Jing
- 使用 AngularJS 和 Electron 構建桌面應用丨 flyow
- 自己動手實現一個 Flex 布局框架丨 orangexc
按需載入方案
- Angular.js + Require.js 實現按需載入的全面實踐丨游於藩籬
- 基於 ui-router 的非侵入式 Angular 按需載入方案丨 kuitos
- 通過 Webpack 實現 AngularJS 的延遲載入丨 Cheng_Gu
Webpack + Angular
- Webpack + Angular 的組件化實踐丨王偉嘉
- Webpack + Angular 的項目 SEED 丨 zchq88
其他
- 最佳（也許）實踐：開始用 Cordova + Ionic + AngularJS 開發你的 App 丨 pantao
- 使用 AngularJS 創建一個 CRUD 應用丨 silence_yfang
- web 前端 @ 功能 JS 實現分析及其原理丨 aco
- 百度 ECharts Angular 封裝丨懷疑真愛的流浪者jason
- AngularJS 中使用百度地圖丨 leftstick
- 使用 Flask 和 AngularJS 構建博客丨 yexiaobai

6. 最後來測驗一下

AngularJS 常見面試問題丨 huangtengfei
Angular 面試從喜劇到悲劇的十個問題丨靜逸秋水

（本期完）

# SegmentFault 技術周刊 #
「技術周刊」是社區特別推出的技術內容系列，一周一主題。周刊篩選的每篇內容，是作者的獨到見解，踩坑總結和經驗分享。
每周二更新，歡迎「關注」或者「訂閱」。大家也可以在評論處留言自己感興趣的主題，推薦主題相關的優秀文章。