網站首頁 個人範例 行業範例 行政範例 職場範例 校園範例 書信範例 生活範例 節日文化範例

對angular的整體感受

欄目: 讀後感 / 發佈於: / 人氣:3.11W

以前開發(web或者移動端)前端主要使用jQuery+原生js,如果使用某些前端UI框架的話,它自己還可能提供一些API可以使用。而且目前很多UI框架都是基於jQuery的,所以説一下由jQuery跨到angularjs跨度較大,研究了一段時間的angularjs ,下面從整體上説説感受吧:

對angular的整體感受

關於和jquery的比較

首先angular是一個mvc框架,它與jquery不同之處在於,前者致力於mvc代碼解耦,採用model,controller以及view方式去組織代碼,而後者提供給你了很多APi函數,你可以不用寫很多原生js去實現比較複雜的效果,比如説動畫,$ate,這樣的效果如果需要原生js來寫的話,代碼量將會比較龐大;

其次,jQuery沒有定義你的代碼如何組織,你可以將它放在一個單獨的js文件中進行引用,也可以直接寫在頁面中採用script標籤進行包裹,甚至可以直接以內聯的方式寫在html標籤中,但是angularjs會將一個HTML頁面分成若干個模塊,每個模塊都可以自己的scope,service以及directive,各個模塊之間也可以進行通信,但是整體上結構是比較清晰的,就是説其代碼組織方式是模塊化的。

最後,jQuery的思想是先設計好頁面,然後在已有頁面的基礎上進行dom操作後展示頁面,但是angular的view可能僅僅是一個框架,對view的dom操作或者時間監聽都是在directive中實現的,而且一般情況下很少自己直接去寫Dom操作代碼,只要你監聽model。model發生變化後view也會發生變化。

 關於適用場合

jQuery應該適用於大多數web開發,移動端也有(jQuerymobile),angularjs有人説更適合做SPA(我個人認為在手機上的SPA可能會引發性能上的問題,因為它的髒檢查機制會影響性能),在web端,一些CRUD的應用或者管理類軟件還是可以使用的(當然這裏的理解可能不一定準確,會隨着深入學習更多去了解和使用)。

 關於UI的結合

開發任何產品都需要用到前端UI,目前很多UI是基於jQuery的,這意味着你如果要用angularjs和這些Ui組件的話,需要用angularjs的directive去重寫些組件,這一過程是比較麻煩的',所幸的是,angular給我們提供了一些UI組件可以使用(web端主要是結合bootstrap前端組件),,而在移動端主要是結合ionic框架,但是隨着angular的發展,很多HTML5的前端框架也慢慢集成了angularjs版本可供使用。

 關於angularjs的特點

1.數據的雙向綁定:這可能是其最激動人心的特性吧,view層的數據和model層的數據是雙向綁定的,其中之一發生更改,另一方會隨之變化,這不用你寫任何代碼!(想想jQuery方式下怎麼做吧)

2.代碼模塊化,每個模塊的代碼獨立擁有自己的作用域,model,controller等。

3.強大的directive可以將很多功能封裝成HTML的tag,屬性或者註釋等,這大大美化了HTML的結構,增強了可閲讀性;

4.依賴注入,將這種後端語言的設計模式賦予前端代碼,這意味着前端的代碼可以提高重用性和靈活性,未來的模式可能將大量操作放在客户端,服務端只提供數據來源和其他客户端無法完成的操作;

5.測試驅動開發,angularjs一開始就以此為目標,使用angular開發的應用可以很容易地進行單元測試和端對端測試,這解決了傳統的js代碼難以測試和維護的缺陷

以上就是研究angularjs一段時間得出的結論,其中某些地方可能有所疏漏,沒關係,接下來會展開其中某一點一步步去學習。

Tags:angular