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

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

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

　　Angular

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

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

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

　　1、Angular 框架支持多種平臺，功能強大，不僅提供了各種工具，還提供了一種可維護的方式來構(gòu)建項目的模式。所以當你正確使用它時，你不會遇到難以修改和測試的代碼結(jié)構(gòu)

　　2、Angular 是用 TypeScript 構(gòu)建的，而 TypeScript 又依賴于 JS ES6，所以你不需要學習一門全新的語言，但你仍然可以獲得靜態(tài)類型、接口、類、命名空間、裝飾器，等等。

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

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

　　5、Angular 可以在手機和電腦上運行，這意味著它是一個適用于多個平臺的框架。在這個框架中可以找到很多有用的第三方工具

　　react

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

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

　　因為React的設(shè)計思路極其獨特，是革命性的創(chuàng)新，性能出眾，但代碼邏輯非常簡單。因此，越來越多的人開始關(guān)注和使用它，認為它可能是未來web開發(fā)的主流工具。

　　React 主要用于構(gòu)建 UI。您可以在 React 中傳遞多種類型的參數(shù)，例如幫助您渲染 UI 的聲明性代碼、靜態(tài) HTML DOM 元素、動態(tài)變量，甚至是交互式應(yīng)用程序組件。

　　Vue

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

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

　　Vue的優(yōu)點：

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

　　Vue.js 最突出的優(yōu)點是可以雙向綁定數(shù)據(jù)（我們在以后的寫作中會明顯感受到這個特性帶來的便利）。

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

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

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