1.1 AngularJS簡介
AngularJS 誕生于2009年,由Misko Hevery 等人(一幫熱血青年)創(chuàng)建,后為Google所收購。是一款優(yōu)秀的前端JS框架,已經(jīng)被用于Google的多款產(chǎn)品當中。AngularJS有著諸多特性,最為核心的是:MVC、模塊化、自動化雙向數(shù)據(jù)綁定、依賴注入等等。目前企業(yè)開發(fā)使用最多的是版本一
1.2 AngularJS四大特征
AngularJS的設計思想與jquery完全不同,前者操作的是變量$scope $http,后者操作的DOM
1.2.1 MVC 模式
Angular遵循軟件工程的M(數(shù)據(jù))V(視圖)C(控制器)模式,并鼓勵展現(xiàn),數(shù)據(jù),和邏輯組件之間的松耦合.通過依賴注入(dependency injection),Angular為客戶端的Web應用帶來了傳統(tǒng)服務端的服務,例如獨立于視圖的控制。 因此,后端減少了許多負擔,產(chǎn)生了更輕的Web應用。
Model:數(shù)據(jù),其實就是angular變量($scope.XX);
View: 數(shù)據(jù)的呈現(xiàn),Html+Directive(指令);
Controller:操作數(shù)據(jù),就是function,數(shù)據(jù)的增刪改查;
1.2.2雙向綁定
AngularJS是建立在這樣的信念上的:即聲明式編程應該用于構建用戶界面以及編寫軟件構建,而指令式編程非常適合來表示業(yè)務邏輯??蚣懿捎貌U展了傳統(tǒng)HTML,通過雙向的數(shù)據(jù)綁定來適應動態(tài)內(nèi)容,雙向的數(shù)據(jù)綁定允許模型和視圖之間的自動同步。因此,AngularJS使得對DOM的操作不再重要并提升了可測試性。這里是區(qū)別于Jquery的,jq操作的是dom對象,angularJS操作的是變量
1.2.3依賴注入
依賴注入(Dependency Injection,簡稱DI)是一種設計模式, 指某個對象依賴的其他對象無需手工創(chuàng)建,只需要“吼一嗓子”,則此對象在創(chuàng)建時,其依賴的對象由框架來自動創(chuàng)建并注入進來,其實就是最少知識法則;模塊中所有的service和provider兩類對象,都可以根據(jù)形參名稱實現(xiàn)DI.控制器就是通過依賴注入的方式實現(xiàn)對服務的調(diào)用
1.2.4模塊化設計
高內(nèi)聚低耦合法則
高內(nèi)聚:每個模塊的具體功能具體實現(xiàn)
低耦合:模塊之間盡可能的少用關聯(lián)和依賴
1)官方提供的模塊 ng(最核心)、ngRoute(路由)、ngAnimate(動畫)
2)用戶自定義的模塊 angular.module(‘模塊名’,[ ])
相關: java培訓主要培訓什么_大數(shù)據(jù)培訓一般需要多少費用
本文鏈接:
本文章“前端培訓之前端框架AngularJS”已幫助 202 人
免責聲明:本信息由用戶發(fā)布,本站不承擔本信息引起的任何交易及知識產(chǎn)權侵權的法律責任!
本文由賦能網(wǎng) 整理發(fā)布。了解更多培訓機構》培訓課程》學習資訊》課程優(yōu)惠》課程開班》學校地址等機構信息,可以留下您的聯(lián)系方式,讓課程老師跟你詳細解答:
咨詢熱線:4008-569-579