您好,歡迎來到賦能網(wǎng)!

前端培訓(xùn)之前端框架AngularJS

賦能網(wǎng) 2023-06-14 202

1.1 AngularJS簡(jiǎn)介

AngularJS  誕生于2009年,由Misko Hevery 等人(一幫熱血青年)創(chuàng)建,后為Google所收購。是一款優(yōu)秀的前端JS框架,已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。AngularJS有著諸多特性,最為核心的是:MVC、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、依賴注入等等。目前企業(yè)開發(fā)使用最多的是版本一

1.2 AngularJS四大特征

AngularJS的設(shè)計(jì)思想與jquery完全不同,前者操作的是變量$scope $http,后者操作的DOM

1.2.1 MVC 模式

Angular遵循軟件工程的M(數(shù)據(jù))V(視圖)C(控制器)模式,并鼓勵(lì)展現(xiàn),數(shù)據(jù),和邏輯組件之間的松耦合.通過依賴注入(dependency injection),Angular為客戶端的Web應(yīng)用帶來了傳統(tǒng)服務(wù)端的服務(wù),例如獨(dú)立于視圖的控制。 因此,后端減少了許多負(fù)擔(dān),產(chǎn)生了更輕的Web應(yīng)用。

Model:數(shù)據(jù),其實(shí)就是angular變量($scope.XX);

View: 數(shù)據(jù)的呈現(xiàn),Html+Directive(指令);

Controller:操作數(shù)據(jù),就是function,數(shù)據(jù)的增刪改查;

1.2.2雙向綁定

AngularJS是建立在這樣的信念上的:即聲明式編程應(yīng)該用于構(gòu)建用戶界面以及編寫軟件構(gòu)建,而指令式編程非常適合來表示業(yè)務(wù)邏輯??蚣懿捎貌U(kuò)展了傳統(tǒng)HTML,通過雙向的數(shù)據(jù)綁定來適應(yīng)動(dòng)態(tài)內(nèi)容,雙向的數(shù)據(jù)綁定允許模型和視圖之間的自動(dòng)同步。因此,AngularJS使得對(duì)DOM的操作不再重要并提升了可測(cè)試性。這里是區(qū)別于Jquery的,jq操作的是dom對(duì)象,angularJS操作的是變量

1.2.3依賴注入

依賴注入(Dependency Injection,簡(jiǎn)稱DI)是一種設(shè)計(jì)模式, 指某個(gè)對(duì)象依賴的其他對(duì)象無需手工創(chuàng)建,只需要“吼一嗓子”,則此對(duì)象在創(chuàng)建時(shí),其依賴的對(duì)象由框架來自動(dòng)創(chuàng)建并注入進(jìn)來,其實(shí)就是最少知識(shí)法則;模塊中所有的service和provider兩類對(duì)象,都可以根據(jù)形參名稱實(shí)現(xiàn)DI.控制器就是通過依賴注入的方式實(shí)現(xiàn)對(duì)服務(wù)的調(diào)用

1.2.4模塊化設(shè)計(jì)

高內(nèi)聚低耦合法則

高內(nèi)聚:每個(gè)模塊的具體功能具體實(shí)現(xiàn)

低耦合:模塊之間盡可能的少用關(guān)聯(lián)和依賴

1)官方提供的模塊  ng(最核心)、ngRoute(路由)、ngAnimate(動(dòng)畫)

2)用戶自定義的模塊     angular.module(‘模塊名’,[ ])


相關(guān): java培訓(xùn)主要培訓(xùn)什么_大數(shù)據(jù)培訓(xùn)一般需要多少費(fèi)用

本文鏈接:

本文章“前端培訓(xùn)之前端框架AngularJS”已幫助 202 人

免責(zé)聲明:本信息由用戶發(fā)布,本站不承擔(dān)本信息引起的任何交易及知識(shí)產(chǎn)權(quán)侵權(quán)的法律責(zé)任!

本文由賦能網(wǎng) 整理發(fā)布。了解更多培訓(xùn)機(jī)構(gòu)》培訓(xùn)課程》學(xué)習(xí)資訊》課程優(yōu)惠》課程開班》學(xué)校地址等機(jī)構(gòu)信息,可以留下您的聯(lián)系方式,讓課程老師跟你詳細(xì)解答:
咨詢熱線:4008-569-579

如果本頁不是您要找的課程,您也可以百度查找一下: