同學(xué)你好！前端三大框架是什么？三個(gè)前端框架指的是： 1、Angular，一個(gè)用于構(gòu)建用戶(hù)界面的前端JavaScript MVC框架; 2、React，一個(gè)用于構(gòu)建用戶(hù)界面的 JavaScript 框架; 3、Vue，是一個(gè)用于構(gòu)建用戶(hù)界面的漸進(jìn)式 JavaScript 框架。

　　本教程的運(yùn)行環(huán)境：Windows7系統(tǒng)，戴爾G3電腦。

　　web三大前端框架分別是Angular、React和Vue。

　　Angular

　　Angular的原名angularJS誕生于2009年，之前我們使用jquery開(kāi)發(fā)。自從angular的出現(xiàn)，我們有了新的選擇。它最大的特點(diǎn)是將后端的一些開(kāi)發(fā)模式移植到前端，如MVC、依賴(lài)注入等。

　　Angular 是一個(gè) JavaScript 框架，一個(gè)用 JavaScript 編寫(xiě)的庫(kù)，一個(gè)用于開(kāi)發(fā)動(dòng)態(tài) web 應(yīng)用程序的客戶(hù)端 JavaScript MVC 框架。它最初是作為一個(gè) Google 項(xiàng)目開(kāi)始的，但現(xiàn)在它是一個(gè)開(kāi)源框架。

　　Angular 框架的優(yōu)點(diǎn)：

　　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í)一門(mén)全新的語(yǔ)言，但你仍然可以獲得靜態(tài)類(lèi)型、接口、類(lèi)、命名空間、裝飾器，等等。

　　3、Angular 中的組件是解耦的，所以我們可以很方便的替換各種組件。使用 Angular，表示和應(yīng)用程序邏輯不是緊密耦合的，這使得標(biāo)記更簡(jiǎn)潔。

　　4、Angular 是為綜合測(cè)試而設(shè)計(jì)的，它支持單元測(cè)試和端到端測(cè)試，使用 Jasmine 和 Protractor 等工具

　　5、Angular 可以在手機(jī)和電腦上運(yùn)行，這意味著它是一個(gè)適用于多個(gè)平臺(tái)的框架。在這個(gè)框架中可以找到很多有用的第三方工具

　　react

　　react 是 Facebook 的一個(gè) JavaScript 庫(kù)，用于構(gòu)建用戶(hù)界面。 React 主要用于構(gòu)建 UI，很多人認(rèn)為 React 是 MVC 中的 V(View)。 React 性能很高，代碼邏輯也很簡(jiǎn)單，越來(lái)越多的人開(kāi)始關(guān)注和使用。

　　React 起源于 Facebook 的一個(gè)內(nèi)部項(xiàng)目。由于該公司對(duì)市場(chǎng)上所有的 JavaScript MVC 框架都不滿(mǎn)意，因此決定編寫(xiě)自己的一套來(lái)構(gòu)建 Instagram 網(wǎng)站。做了之后發(fā)現(xiàn)這套東西效果很好，2013年5月開(kāi)源了。

　　因?yàn)镽eact的設(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)用程序組件。

　　Vue

　　Vue.js 的目標(biāo)是使用最簡(jiǎn)單的 API 啟用響應(yīng)式數(shù)據(jù)綁定和組合視圖組件。

　　Vue.js 本身并不是一個(gè)包羅萬(wàn)象的框架——它只關(guān)注視圖層。所以它很容易學(xué)習(xí)，也很容易與其他庫(kù)或現(xiàn)有項(xiàng)目集成。另一方面，Vue.js 在與相關(guān)工具和支持庫(kù)一起使用時(shí)，也完全能夠驅(qū)動(dòng)復(fù)雜的單頁(yè)應(yīng)用程序。

　　Vue的優(yōu)點(diǎn)：

　　Vue.js可以組件化開(kāi)發(fā)，大大減少了代碼編寫(xiě)量，更便于讀者理解。

　　Vue.js 最突出的優(yōu)點(diǎn)是可以雙向綁定數(shù)據(jù)（我們?cè)谝院蟮膶?xiě)作中會(huì)明顯感受到這個(gè)特性帶來(lái)的便利）。

　　用 Vue.js 編寫(xiě)的界面效果是響應(yīng)式的，這使得網(wǎng)頁(yè)在各種設(shè)備上看起來(lái)都很棒。

　　與傳統(tǒng)的頁(yè)面切換和超鏈接跳轉(zhuǎn)相比，Vue 使用路由無(wú)需刷新頁(yè)面。

　　更多關(guān)于web前端的問(wèn)題，歡迎咨詢(xún)千鋒教育在線(xiàn)名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗(yàn)，采用全程面授高品質(zhì)、高體驗(yàn)培養(yǎng)模式，擁有國(guó)內(nèi)一體化教學(xué)管理及學(xué)員服務(wù)，助力更多學(xué)員實(shí)現(xiàn)高薪夢(mèng)想。