首頁 >web前端 >js教程 >angularjs到底是什麼? angularjs都可以做什麼?

angularjs到底是什麼? angularjs都可以做什麼?

寻∝梦
寻∝梦原創
2018-09-06 10:52:063306瀏覽

本篇文章主要的向大家介紹了關於angularjs的介紹和作用。希望大家認真閱讀,現在就讓我們一起來看這篇關於angularjs的介紹和作用的文章吧

#首先我們要了解angularjs到底是什麼?

AngularJs(後面就簡稱ng了)是用來設計動態web應用的結構架構。

首先,它是一個框架,不是類別庫,是像EXT一樣提供一整套方案來設計web應用。它不只是一個JavaScript框架,因為它的核心其實就是對HTML標籤的增強。何為HTML標籤增強?其實就是讓你能夠用標籤完成一部分頁面邏輯,具體方式就是透過自訂標籤、自訂屬性等,這些HTML原生沒有的標籤/屬性在ng中有一個名字:指令(directive)。後面會詳細介紹。那麼,什麼又是動態web應用程式呢?與傳統web系統相區別,web應用能為使用者提供豐富的操作,能夠隨使用者操作不斷更新視圖而不進行url跳轉。 ng官方也聲明它更適用於開發CRUD應用,也就是資料操作比較多的應用,而非遊戲或影像處理類應用。為了實現這些,ng引入了一些非常棒的特性,包括模板機制、資料綁定、模組、指令、依賴注入、路由。透過資料與模板的綁定,能夠讓我們擺脫繁瑣的DOM操作,而將注意力集中在業務邏輯上。 

另外一個疑問,ng是MVC框架嗎?還是MVVM框架?官網有提到ng的設計採用了MVC的基本思想,而又不完全是MVC,因為在書寫代碼時我們確實是在用ng-controller這個指令(起碼從名字上看,是MVC吧),但這個controller處理的業務基本上都是與view進行交互,這麼看來又很接近MVVM。讓我們把目光移到官網那個非醒目的title上:「AngularJS — Superheroic JavaScript MVW Framework」。

我們再來看看angularjs可以做什麼?

1.完全使用JavaScript編寫的客戶端技術。同其他歷史悠久的Web技術(HTML、CSS和JavaScript)配合使用,讓Web應用開發比以往更簡單、更快速。

2.AngularJS主要用於建立單頁面Web應用。它透過增加開發人員和常見網頁應用程式開發任務之間的抽象級別,使建立互動式的現代網頁應用程式變得更加簡單。

3.AngularJS的開發團隊將其描述為一種建構動態Web應用的結構化框架。

4.AngularJS讓開發網頁應用程式變得非常簡單,同時也降低了建構複雜應用的難度。它提供了開發者在現代Web應用中經常要用到的一系列高級功能,例如:

  • #解耦應用邏輯、資料模型和視圖;

######Ajax服務;############依賴注入;############瀏覽歷史(使書籤和前進、後退按鈕能夠像在普通在網頁應用程式中一樣運作);############測試;#############AngularJS是MV*框架,最適合開發客戶端的單頁應用程式。它不是個功能庫,而是用來發展動態網頁的框架。它專注於擴充HTML的功能,提供動態資料綁定(data binding),而且它能跟其它框架(如jQuery)合作融洽。 ######如果你要開發的是單頁應用,AngularJS就是你的上之選。 Gmail、Google Docs、Twitter和Facebook這樣的應用,都很能發揮AngularJS的優點。但是像遊戲開發之類對DOM進行大量操縱、又或者單純需要 極高運行速度的應用,就不是AngularJS的用武之地了。 (想看更多angularjs的知識,推薦到PHP中文網###AngularJS學習手冊###欄位學習)#########最後,我們對angularjs做個簡單的介紹:#### #####AngularJS 重新定義了前端應用的開發方式。面對HTML和JavaScript之間的界線,它不但不畏縮不前,反而正面出擊,提出了有效的解決方案。很多前端應用的開發框架,像是Backbone、EmberJS等,都要求開發者繼承此框架特有的一些JavaScript物件。這種方式有其長處,但它不必要地污染了開發者自己程式碼的物件空間,也要求開發者去了解記憶體裡那些抽象物件。儘管如此我們還是接受了這種方式,因為網路最初的設計無法提供 我們今天所需的互動性,所以我們需要框架,來幫我們填補JavaScript和HTML之間的鴻溝。而且有了它,你不用再「直接」操控DOM,只要給你的DOM注上metadata(即AngularJS裡的directive們),然後讓AngularJS來幫你操縱DOM。同時,AngularJS不依賴(也不妨礙)任何其他的框架。你甚至可以基於其它的框架來開發AngularJS應用程式。 ###

以上就是本篇關於angularjs的介紹和angularjs的一些作用的文章了(想知道更多angularjs的知識,就到PHP中文網AngularJS使用手冊專欄學習更多)。有問題的可以在下方留言提問。

【小編推薦】

js和node.js的差別是什麼? js與node.js異同總結

node.js適合做什麼?用node.js的好處在哪裡?

#

以上是angularjs到底是什麼? angularjs都可以做什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn