對angular的整體感受
以前開發(web或者移動端)前端主要使用jQuery+原生js,如果使用某些前端UI框架的話,它自己還可能提供一些API可以使用。而且目前很多UI框架都是基於jQuery的,所以說一下由jQuery跨到angularjs跨度較大,研究了一段時間的angularjs ,下面從整體上說說感受吧:
關於和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一段時間得出的結論,其中某些地方可能有所疏漏,沒關係,接下來會展開其中某一點一步步去學習。
-
(必備)彼得潘的讀後感
當品讀完一部作品後,大家心中一定是萌生了不少心得,是時候靜下心來好好寫寫讀後感了。怎樣寫讀後感才能避免寫成“流水賬”呢?下面是小編為大家整理的彼得潘的讀後感,歡迎大家借鑑與參考,希望對大家有所幫助。彼得潘的讀後感1最近,我讀了《彼得潘》這本書,我被書裡的...
-
《鬥努的春天》讀後感
當閱讀了一本名著後,相信大家都增長了不少見聞,是時候抽出時間寫寫讀後感了。是不是無從下筆、沒有頭緒?以下是小編幫大家整理的《鬥努的春天》讀後感,供大家參考借鑑,希望可以幫助到有需要的朋友。《鬥努的春天》讀後感1“在彩雲之南的土地上,埋下生命的種子,用希望...
-
讀後感的作文通用10篇
在平平淡淡的學習、工作、生活中,大家都不可避免地要接觸到作文吧,根據寫作命題的特點,作文可以分為命題作文和非命題作文。如何寫一篇有思想、有文采的作文呢?以下是小編精心整理的讀後感的作文10篇,希望能夠幫助到大家。讀後感的作文篇1敬業,就是尊敬、尊崇自己的...
-
安徒生童話讀後感(推薦)
認真讀完一本著作後,相信你心中會有不少感想,這時最關鍵的讀後感不能忘了哦。但是讀後感有什麼要求呢?以下是小編整理的安徒生童話讀後感,歡迎大家分享。安徒生童話讀後感1今日,媽媽給了我一本神話書——《安徒生神話》。裡邊有《皇帝的新衣》、《海的女兒》、《醜...
相關文章
- 英文簡歷(會計師)ACCOUNTANT(General)
- Avril Lavigne經典歌曲《when you are gone 》歌詞及mv
- 英語四級考試備考作文Protecting the Intangible Cultural Heritages訓練題
- Lady Gaga熱門單曲《Alejandro》MV高清視訊欣賞,一起看看著名攝影師和Gaga
- 暑期安排Summer Holiday Arrangement英語作文
- 七年級英語評課稿:Module 7 Reading and Speaking
- unclear accounting翻譯成中文是什麼?
- Altan daily growing歌詞
- 關於[Oracle] Data Guard CPU/PSU補丁安裝的詳細教程
- 三年級英語教材設計 Amy’stallerthanLingling.