廖老師
網(wǎng)絡(luò)推廣
發(fā)布時(shí)間: 2024年12月22日 15:06
web前端三大主流框架都是Angular、React、Vue。
1、angular
Angular原名angularJS誕生于2009年,之前我們都是用jquery開(kāi)發(fā),自從angular的出現(xiàn)讓我們有了新的選擇,它最大的特點(diǎn)是把后端的一些開(kāi)發(fā)模式移植到前端來(lái)實(shí)現(xiàn),如MVC、依賴(lài)注入等。
Angular是一個(gè)Javascript框架,是一個(gè)以 Javascript 編寫(xiě)的庫(kù),一個(gè)客戶(hù)端的Javascript MVC框架,用于開(kāi)發(fā)動(dòng)態(tài)Web應(yīng)用程序。它最初是作為Google的一個(gè)項(xiàng)目啟動(dòng)的,但現(xiàn)在它是開(kāi)源框架。
Angular框架的優(yōu)勢(shì):
1、Angular框架支持各種平臺(tái),而且功能強(qiáng)大,不僅提供了各種工具而且還提供了可維護(hù)的方式來(lái)構(gòu)建項(xiàng)目的模式。所以當(dāng)你正確使用它時(shí)就不會(huì)遇到難以修改及測(cè)試的代碼結(jié)構(gòu)
2、Angular是使用Typescript構(gòu)建的,而Typescript又依賴(lài)于JS ES6,所以不需要學(xué)習(xí)全新的語(yǔ)言,但仍然可以獲得靜態(tài)類(lèi)型,接口,類(lèi),命名空間,裝飾器等功能。
3、Angular中的組件是分離的,所以我們可以輕而易舉的替換各種組件。而且使用Angular,不會(huì)緊密地耦合演示文稿和應(yīng)用程序的邏輯,這樣會(huì)使標(biāo)記更清晰,更簡(jiǎn)單。
4、Angular的目的在于進(jìn)行全面測(cè)試,它支持使用Jasmine和Protractor等工具進(jìn)行單元測(cè)試和端到端測(cè)試
5、Angular同適用移動(dòng)和pc端,這意味著它是一個(gè)適用于多個(gè)平臺(tái)的框架。而且在此框架中可以找到許多有用的第三方工具
2、react
react是 Facebook 推出的一個(gè)用來(lái)構(gòu)建用戶(hù)界面的 Javascript 庫(kù)。React主要用于構(gòu)建UI,很多人認(rèn)為 React 是 MVC 中的 V(視圖)。React 擁有較高的性能,代碼邏輯非常簡(jiǎn)單,越來(lái)越多的人已開(kāi)始關(guān)注和使用它。
React 起源于 Facebook 的內(nèi)部項(xiàng)目,因?yàn)樵摴緦?duì)市場(chǎng)上所有 Javascript MVC 框架,都不滿(mǎn)意,就決定自己寫(xiě)一套,用來(lái)架設(shè)Instagram 的網(wǎng)站。做出來(lái)以后,發(fā)現(xiàn)這套東西很好用,就在2013年5月開(kāi)源了。
由于 React的設(shè)計(jì)思想極其獨(dú)特,屬于革命性創(chuàng)新,性能出眾,代碼邏輯卻非常簡(jiǎn)單。所以,越來(lái)越多的人開(kāi)始關(guān)注和使用,認(rèn)為它可能是將來(lái) Web 開(kāi)發(fā)的主流工具。
React主要用于構(gòu)建UI。你可以在React里傳遞多種類(lèi)型的參數(shù),如聲明代碼,幫助你渲染出UI、也可以是靜態(tài)的HTML DOM元素、也可以傳遞動(dòng)態(tài)變量、甚至是可交互的應(yīng)用組件?!就扑]視頻教程:《5個(gè)不錯(cuò)的redis學(xué)習(xí)實(shí)戰(zhàn)視頻教程推薦》】
特點(diǎn):
聲明式設(shè)計(jì):React采用聲明范式,可以輕松描述應(yīng)用。
高效:React通過(guò)對(duì)DOM的模擬,最大限度地減少與DOM的交互。
靈活:React可以與已知的庫(kù)或框架很好地配合。
3、vue
Vue.js是一款流行的Javascript前端框架,一個(gè)用于創(chuàng)建用戶(hù)界面的開(kāi)源Javascript框架,旨在更好地組織與簡(jiǎn)化Web開(kāi)發(fā)。Vue所關(guān)注的核心是MVC模式中的視圖層,同時(shí),它也能方便地獲取數(shù)據(jù)更新,并通過(guò)組件內(nèi)部特定的方法實(shí)現(xiàn)視圖與模型的交互。
Vue.js是一套構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是,Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層,并且非常容易學(xué)習(xí),非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面,Vue 完全有能力驅(qū)動(dòng)采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)的復(fù)雜單頁(yè)應(yīng)用。
Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。
Vue.js 自身不是一個(gè)全能框架——它只聚焦于視圖層。因此它非常容易學(xué)習(xí),非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面,在與相關(guān)工具和支持庫(kù)一起使用時(shí),Vue.js 也能完美地驅(qū)動(dòng)復(fù)雜的單頁(yè)應(yīng)用。
Vue 的優(yōu)勢(shì):
Vue.js 可以進(jìn)行組件化開(kāi)發(fā),使代碼編寫(xiě)量大大減少,讀者更加易于理解。
Vue.js 最突出的優(yōu)勢(shì)在于可以對(duì)數(shù)據(jù)進(jìn)行雙向綁定(在之后的編寫(xiě)中我們會(huì)明顯地感覺(jué)到這個(gè)特點(diǎn)的便捷)。
使用 Vue.js 編寫(xiě)出來(lái)的界面效果本身就是響應(yīng)式的,這使網(wǎng)頁(yè)在各種設(shè)備上都能顯示出非常好看的效果。
相比傳統(tǒng)的頁(yè)面通過(guò)超鏈接實(shí)現(xiàn)頁(yè)面的切換和跳轉(zhuǎn),Vue 使用路由不會(huì)刷新頁(yè)面。
以上就是培訓(xùn)啦小編為大家整理的關(guān)于前端第三方框架了,希望對(duì)您有所幫助
微信掃碼關(guān)注公眾號(hào)
獲取更多考試熱門(mén)資料