前端三大框架是什麼

前端三大框架是指：1、Angular，是一款建構使用者介面的前端JavaScript MVC框架；2、React，是一個用來建構使用者介面的JavaScript框架；3、Vue，是一套建構使用者介面的漸進式JavaScript框架。

本教學操作環境：windows7系統、Dell G3電腦。

web前端三大主流框架都是Angular、React、Vue。

angular

Angular原名angularJS誕生於2009年，之前我們都是用jquery開發，自從angular的出現讓我們有了新的選擇，它最大的特點是把後端的一些開發模式移植到前端來實現，例如MVC、依賴注入等。

Angular是一個JavaScript框架，是一個以 JavaScript 編寫的函式庫，一個客戶端的JavaScript MVC框架，用於開發動態Web應用程式。它最初是作為Google的一個專案啟動的，但現在它是開源框架。

Angular框架的優勢：

1、Angular框架支援各種平台，而且功能強大，不僅提供了各種工具而且還提供了可維護的方式來建構專案的模式。所以當你正確使用它時就不會遇到難以修改及測試的程式碼結構

2、Angular是使用TypeScript建構的，而TypeScript又依賴JS ES6，所以不需要學習全新的語言，但仍然可以獲得靜態類型，接口，類，命名空間，裝飾器等功能。

3、Angular中的元件是分離的，所以我們可以輕鬆的替換各種元件。而且使用Angular，不會緊密地耦合簡報和應用程式的邏輯，這會使標記更清晰，更簡單。

4、Angular的目的在於進行全面測試，它支援使用Jasmine和Protractor等工具進行單元測試和端對端測試

5、Angular同適用移動和pc端，這意味著它是一個適用於多個平台的框架。而且在此框架中可以找到許多有用的第三方工具

【推薦教學：Angular影片教學】

react

react是Facebook 推出的一個用來建立使用者介面的JavaScript 函式庫。 React主要用於建立UI，許多人認為 React 是 MVC 中的 V（視圖）。 React 擁有較高的效能，程式碼邏輯非常簡單，越來越多的人開始關注和使用它。

React 起源於 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設Instagram 的網站。做出來以後，發現這套東西很好用，就在2013年5月就開源了。

由於 React的設計想法極為獨特，屬於革命性創新，但性能出眾，程式碼邏輯卻非常簡單。所以，越來越多人開始關注和使用，認為它可能是未來的 Web 開發的主流工具。

React主要用於建構UI。你可以在React傳遞多種類型的參數，例如宣告程式碼，幫助你渲染UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可互動的應用程式元件。 【推薦影片教學：《5個不錯的redis學習實戰影片教學推薦》】

#特點：

• ##聲明式設計：React採用宣告範式，可輕鬆描述應用。

• 高效率：React透過DOM的模擬，最大限度地減少與DOM的交互作用。

• 靈活：React可以與已知的函式庫或框架很好地配合。

vue

Vue.js是一款受歡迎的JavaScript前端框架，一個用於建立使用者介面的開源JavaScript框架，旨在更好地組織與簡化Web開發。 Vue所關注的核心是MVC模式中的視圖層，同時，它也能方便地取得資料更新，並透過元件內部特定的方法實現視圖與模型的交互作用。

Vue.js是一套建構使用者介面的漸進式框架。與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。 Vue 的核心庫只專注於視圖層，而且非常容易學習，非常容易與其它庫或已有專案整合。另一方面，Vue 完全有能力驅動採用單文件元件和Vue生態系統支援的庫開發的複雜單頁應用。 【推薦影片教學：《

最新的5個vue.js影片教學精選》】

Vue.js 的目標是透過盡可能簡單的API 實現回應的資料綁定和組合的視圖組件。

Vue.js 本身不是一個全能框架－它只聚焦在視圖層。因此它非常容易學習，非常容易與其它庫或已有專案整合。另一方面，在與相關工具和支援庫一起使用時 ，Vue.js 也能完美地驅動複雜的單頁應用程式。

Vue 的優勢：

• Vue.js 可以進行元件化開發，使程式碼編寫量大幅減少，讀者更容易理解。

• Vue.js 最突出的優勢在於可以對資料進行雙向綁定（在之後的編寫中我們會明顯地感覺到這個特點的便捷）。

• 使用 Vue.js 寫出來的介面效果本身就是響應式的，這讓網頁在各種裝置上都能顯示出非常好看的效果。

• 相比傳統的頁面透過超連結實現頁面的切換和跳轉，Vue 使用路由不會刷新頁面。

更多程式相關知識，請造訪：程式設計入門！ ！

以上是前端三大框架是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！