什么是AngularJS？它有哪些特性？

AngulaJS是款非常優(yōu)秀的JasSetpsn:結(jié)構(gòu)化框架,可以用來構(gòu)建單頁面應(yīng)用程序，2009年,AngularJS由Misko Hevery等人創(chuàng)建，后來被Google收購，該技術(shù)已經(jīng)被用于Coogle旗下的多款產(chǎn)品開發(fā)當(dāng)中。開發(fā)人員不僅可以使用和擴(kuò)展HTML語言的特性。而且可以更清晰、簡潔地編寫應(yīng)用程序，的組件。這些程序?qū)W可以在瀏覽器中運(yùn)行，因此AngularJS成為任意服務(wù)器技術(shù)的理想合作伙伴。

AngulaJS有很多特性，包括模型視圖、自動化雙向數(shù)據(jù)綁定、模板、指令、服務(wù)、依賴注人、路由等,具體介紹如下。

1.模型視圖: Angulils 并沒有在傳統(tǒng)意義上實現(xiàn)MVC.而是更接近于MWVM(Model-View- ViewMode),其中ViewModel被稱為模型視圖。

2.自動化雙向數(shù)據(jù)綁定:模型和視圖組件之間的數(shù)據(jù)自動同步。

3.模板:在AngularlS中，模板相當(dāng)于HTML文件被瀏覽器解析到DOM中，AngularJS遍歷這些DOM;也就是說,AuguarJS把模板當(dāng)作DOM來操作，去生成一些指令來完成對視圖的數(shù)據(jù)綁定。

4.指令:指令是關(guān)于DOM元素的標(biāo)記(如元素名、屬性、CSS等)，使元素?fù)碛刑囟ǖ男袨椤＿@些可以被用來創(chuàng)建作為自定義部件的自定義HTML標(biāo)簽。AngularJS 設(shè)有內(nèi)置指令，如ngBind、ngModel等。

5.服務(wù):AngularJS中服務(wù)的概念類似于后端開發(fā)的“服務(wù)”，是對公共代碼的抽象，例如多個控制器中出現(xiàn)了相似的代碼,開發(fā)人員就可以把這些相似的代碼提取出來封裝成一個服務(wù)。AngularJS不僅提供了自定義服務(wù)的方法.還配有多個內(nèi)置服務(wù)，例如$http可以作為一個 XMLHttpRequest請求。這些單例對象在應(yīng)用程序中只實例化一次。

6.依賴注入：AngularJS有一個內(nèi)置的依賴注人子系統(tǒng),使開發(fā)人員能夠輕松對組件進(jìn)行測試的關(guān)鍵所在。

7.路由:通過路由可以實現(xiàn)視圖的切換。

在實際開發(fā)中，AngularJS具有很多優(yōu)點，具體如下。

●AngularJS是供一個非常簡潔的方式來創(chuàng)建單頁應(yīng)用。

●AngularJS在HIMIL中提供數(shù)據(jù)師定功能，從而給用戶提供豐富的體險。

●AngularJS代碼可進(jìn)行單元測試。

●利用數(shù)據(jù)綁定和依賴注入,指令式編程非常適合來表示業(yè)務(wù)邏輯,讓前端開發(fā)人員不用再寫大量的DOM操作代碼。

●在AngularJS中，視圖都是純HTML頁面，可以使用JavaScript編寫控制器做業(yè)務(wù)處理。

●AngularJS應(yīng)用程序可以在所有主流的瀏覽器和智能移動設(shè)備(包括Android和iOs系統(tǒng)的手機(jī)或者平板電腦)上運(yùn)行。

在AngularJS+ionic十Cordova的混合App開發(fā)模式中，主要應(yīng)用的框架為ionic,但是ionic使用了AngularJS的基本語法，所以ionic的學(xué)習(xí)需要以AngularJS作為基礎(chǔ),這是本書在講解ionic之前講解AngularJS的原因。

猜你喜歡：

JS獲取dom元素的方法有哪些？

js中的原型(prototype)是什么?如何理解?

JSTL標(biāo)簽是什么？常用的有哪些？

黑馬程序員HTML&JS+前端培訓(xùn)課程