AngularJS企業級開發1-AngularJS介紹

1. AngularJS介紹

AngularJS是一個功能完善的JavaScript前端框架，同時是基於MVC(Model-View-Controller理念的框架，使用它可以高效的開發桌面web app和移動端應用。AngularJS由Google公司開發並且開源出來，給全部開發者使用。實際企業中開發，前端基於Bootstrap+AngularJS框架，後端基於RESTful服務框架開發的應用愈來愈多。將來後端基於Docker+Microservice部署的應用也會愈來愈多。

AngularJS官方網站

2. AngularJS特色

1.客戶端模板 傳統的web應用:都是多頁面，服務器端建立html，把html和數據裝配在一塊兒，而後再把生成好的html頁面返回給瀏覽器。

單頁應用(Single Page Application):模板和數據都會返回給瀏覽器中，而後在瀏覽器中進行裝配。服務端僅僅爲這些模板提供靜態資源，而後爲這些模板提供所需的數據。

2.MVC M(Model)-V(View)-C(Controller)最先主要是在桌面應用開發中使用，強調的是界面，數據模型和控制器的三者之間的分離。視圖會從模型中獲取數據，而後展現給用戶，當用戶經過鼠標或鍵盤操做或鍵入與應用進行交互的時候，控制器將會作出響應，並修改模型中的數據，最後模型會通知視圖，數據已經發生變化，這樣視圖就能夠刷新其中改變的內容。

3.數據雙向綁定 view層的數據和model層的數據是雙向綁定的，其中之一發生更改，另外一方會隨之變化，這個邏輯不用你寫任何代碼。

4.指令 能夠把模板和相關業務邏輯編寫成html標籤的形式，之因此能夠實現這一點，主要是由於AngularJS引入了一款強大的DOM轉換引擎，能夠用它來擴展HTML語法。生成的新的html標籤就是指令，AngularJS內置了很是多的指令，好比：ng-repeat,ng-app,ng-controller等等。當內置指令不夠時，開發者能夠根據業務需求自定義開發指令。

5.依賴注入 Dependency Injection是一種設計模式，目的是在配置應用時定義應用所需的依賴。使用依賴注入能避免手動建立應用的依賴。初次啓動應用時，AngularJS會使用依賴注入加載模塊的依賴。

Java流行框架Spring就是充分使用了依賴注入。依賴注入能提高AngularJS應用的可測試性，並且AngularJS單元測試和集成測試還有專門的測試框架。

6.可測試性 AngularJS應用藉助依賴注入的，大大提高了應用的可測試性。目前Web前端應用，通常會進行兩種測試。第一種是單元測試(Unit Test)，單元測試主要測試代碼的一個小的單元，能在開發過程當中儘早發現軟件的缺陷；第二種是端到端測試(End to End,簡稱:E2E)。端到端測試主要測試軟件中各個組件結合在一塊兒的交互行爲，從而發現軟件的缺陷。

QA主要功能測試，就是開發工程師發佈代碼以後，測試工程師根據業務需求和功能進行功能測試。

3. AngularJS相比其餘框架

目前主要流行的幾大框架：

1.jQuery

2.React

3.Vue.js

以上四個框架都有本身的開發者，每一個框架都有本身的優勢和缺點。在實際項目開發者，仍是要根據團隊成員對框架的掌握程度來決定。可是咱們仍是推薦你們使用AngularJS。

4. Angular1.x和Angular2

在國內1.5.x版本開發的應用應該較多，可是2.0版本也已經發布了。對於Angular2，不少開發者都覺的要從新學習一遍。由於變更確實太大了，好在提供了從1.x遷移到2.0相關的工具。後面博客中涉及的版本都是基於Angular1.5.X版本。等團隊成員對angular1.x相關技術和原理有必定的理解，到時纔會考慮使用Angular2.0。

5. 參考資料

1.zh.wikipedia.org/wiki/Angula…

2.github.com/paddingme/n…

ps：原博客寫於2016年11月。