AngularJS 教程

認(rèn)識(shí)AngularJS：

AngularJS 是一個(gè) JavaScript 框架。它可通過 <script> 標(biāo)簽添加到 HTML 頁面。AngularJS通過指令擴(kuò)展了HTML，并且通過表達(dá)式綁定數(shù)據(jù)到 HTML。AngularJS已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。

AngularJS是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計(jì)的。AngularJS有著諸多特性，最為核心的是：MVC、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入等等。HTML是一門很好的為靜態(tài)文本展示設(shè)計(jì)的聲明式語言。

教程結(jié)構(gòu)概述：

本教程共由4個(gè)章節(jié)構(gòu)成，詳細(xì)講述了AngularJS的基礎(chǔ)使用方法并附帶了大量可在線試運(yùn)行的實(shí)例輔助您的學(xué)習(xí)，讓您輕松掌握AngularJS。

本教程包含：

1、AngularJS基礎(chǔ)知識(shí)

2、AngularJS實(shí)例

3、AngularJS參考手冊(cè)

4、AngularJS v1.5 教程

AngularJS的發(fā)展及學(xué)習(xí)前的準(zhǔn)備：

AngularJS在2009 年起先由 Mi?ko Hevery 和Adam Abron 開發(fā)，作為在線JSON 存儲(chǔ)服務(wù)的軟件，是以兆字節(jié)來計(jì)價(jià)，從而便于成為企業(yè)的應(yīng)用。這個(gè)風(fēng)投是以網(wǎng)絡(luò)域名”GetAngular.com”注冊(cè)的, 在兩人決定放棄這個(gè)商業(yè)想法之前，它作為一個(gè)開源庫Angular許可發(fā)行。

在您開始學(xué)習(xí)AngularJS之前，您應(yīng)該對(duì)以下知識(shí)有基本的了解：

• 《HTML 教程》
• 《CSS 教程》
• 《JavaScript 教程》

本教程適合所有AngularJS初學(xué)者閱讀, 無論是作為練手之作，或是看成現(xiàn)有工具的額外補(bǔ)充，把它還是作為主業(yè)，本教程都相當(dāng)實(shí)用。本教程從AngularJS最基礎(chǔ)的概念開始學(xué)習(xí)，指引你逐步學(xué)會(huì)由數(shù)據(jù)驅(qū)動(dòng)的應(yīng)用中所需的組件、使用聲明式的編程方式，以及MVC（Model-view-controller）模式等。學(xué)習(xí)完這個(gè)強(qiáng)大的框架，你完全能夠使用AngularJS開發(fā)出大型的、可維護(hù)的，以及高性能的應(yīng)用。

如果您覺得AngularJS的學(xué)習(xí)難度較高，不好理解，可以采用更易于理解的視頻教程進(jìn)行學(xué)習(xí)：AngularJS視頻課程

AngularJS的優(yōu)缺點(diǎn)：

優(yōu)點(diǎn)：

1. AngularJS模板功能強(qiáng)大豐富，自帶了極其豐富的angular指令。
2. AngularJS是完全可擴(kuò)展的，與其他庫的兼容效果很好，每一個(gè)功能可以修改或更換，以滿足開發(fā)者獨(dú)特的開發(fā)流程和功能的需求。
3. AngularJS是一個(gè)比較完善的前端MVC框架，包含服務(wù)，模板，數(shù)據(jù)雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能；
4. AngularJS是互聯(lián)網(wǎng)巨人谷歌開發(fā)，這也意味著他有一個(gè)堅(jiān)實(shí)的基礎(chǔ)和社區(qū)支持。

缺點(diǎn)：

1. AngularJS強(qiáng)約束導(dǎo)致學(xué)習(xí)成本較高，對(duì)前端不友好。但遵守 AngularJS 的約定時(shí)，生產(chǎn)力會(huì)很高，對(duì) Java 程序員友好。
2. AngularJS不利于SEO，因?yàn)樗袃?nèi)容都是動(dòng)態(tài)獲取并渲染生成的，搜索引擎沒法爬取。

性能問題：AngularJS作為 MVVM 框架，因?yàn)閷?shí)現(xiàn)了數(shù)據(jù)的雙向綁定，對(duì)于大數(shù)組、復(fù)雜對(duì)象會(huì)存在性能問題。

相關(guān)網(wǎng)址：

• AngularJS官方下載地址：https://angularjs.org/
• AngularJS中文網(wǎng)：http://www.apjs.net/
• AngularJS中文社區(qū)：http://www.angularjs.cn/

除了本教程，您還可以在w3cschool上學(xué)習(xí)：

《jquery 教程》

《AJAX 教程》