很多朋友想了解關於前端三大框架的一些資料信息，下麵是(揚升資訊www.balincan8.com)小編整理的與前端三大框架相關的內容分享給大家，一起來看看吧。

​Angular, React, Vue三大前端框架大比拚。

前麵有一期，我講了Angular和react的區別，說Angular更有前途一些，結果有很多程序員發表了很多不同的聲音，當然也有很多讚同的。其中有一些讀者特別希望我也講一下Vue，這一期，我就來談一下這三個前端框架。

說實在的，因為前端開發框架變化比較快，所以你在選擇前端開發框架的時候會有很多困難，這對每個人都是一樣的。

我們目前比較流行的三大前端框架，一個是Angular來自Google，一個是React來自Facebook，另外一個是Vue，雖然沒有大公司支持，但是也比較流行。

對於這三大框架來說，你不太可能一上來就把三個都學了，你要選擇其中一個來做。一旦你掌握了一種框架，要想學另外一種框架的話，就會變得更容易。因為這些框架的一些技術細節雖然不同，但是框架的共同點非常多，尤其是在關鍵的部分都是相通的。

簡單地說，他們共同的一些理念就是：

單頁應用程序理念，

組件管理，

數據是怎麽流動的？

數據的狀態是怎麽處理的？

數據是怎麽綁定的？

跟後端API是如何交互的？

如何做路徑處理?

編程語言（HTML,CSS，Javascript, Typescript）。

測試工具,單元測試，集成測試。

前端編譯工具。

下麵說一下這三個框架的不同點。

React是麵向網頁顯示開發的。

React相對比較小。作為程序員來說入手比較快，因為把組件中所有的東西都作為一個文件來處理，對程序員來說更容易入手。

React起步比較早。比AngularJS要好用一些(說這個話， AngularJS的粉絲也會有意見的，哈哈)。所以取得了先發優勢。贏得了大批社區的支持，所以你現在看到的很多統計數據，都是從那個時候開始得出的。

React經曆了不同的版本變化，但是整體的設計變化並不大，所以它的技術架構是一脈相承的，原先的粉絲， 目前可繼續成為粉絲。

因為React入手對技術的要求不是很高，所以初創公司首選React，這樣培訓程序員比較容，易找程序員的成本比較低。

React的核心是一個文件jsx。這個文件融合了html， css和JavaScript。這個對於傳統的網頁開發程序員來說，有一個學習調整的過程。

React的核心任務就是做前端的展示，所以很容易嵌入到已經存在的網頁程序裏麵去。這個可以通過第三方插件來實現，有很多插件來做這部分部分工作。因為選擇比較多，有時候眼花繚亂的，做出正確的選擇比較艱難。

下麵來說一下Angular。

Angular包含的東西要比react和Vue都要多, 因為它的設計不是單純解決界麵的顯示問題，它是麵向整體應用開發的解決方案。

因為它的靠山是Google, 所以有很好的技術支持，文檔和開發團隊。

值得一提的是Angular，曾經做過比較大的改動。

之前的Angular稱之為Angular js。兩者區別很大。Angular js的入手相對比較難，對程序員的要求也比較高，項目的維護成本相對來說也高。

Angular 2之後的版本，就要容易很多了。原因之一是精簡了架構設計, 使得開發工作流程更簡單直接，提供了typescript語言的支持。

之前的Angular js的粉絲不一定喜歡Angular 2之後的版本，所以他們一直還在用Angular js。

Angular 2的粉絲，估計也不會喜歡Angular JS。

總的來說Angular是麵向整體應用開發的，所以它的工具比較全，裝了一個Angular以後幾乎可以涵蓋所有你需要的東西了。

它的主要編程語言是Typescript，所以如果你特別討厭JavaScript的話，Angular是目前最好的選擇。

Angular最大的一個優勢就是把html, css, typescript分開。

關於學習的難度，也許我對Angular已經很熟了，之前我沒有感覺到學習Angular有什麽大的障礙。

下麵來說一下Vue。

在Vue出來之前，React算是比較容易學的，等Vue出來之後，Vue變成了最容易學的。

Vue提供的東西比React本身還要多, 所以安裝了Vue的架構以後，你不需要像React那樣找第三方的插件。Vue本身的組件，基本上能滿足你日常的開發需求了。

初學者，學習Vue是一個不錯的選擇。

Vue另外一個很大的優勢就是它的文檔寫得很清楚。

Vue裏麵，你可以把HTML,CSS,Javascript代碼分開， 據說新的Vue會支持Typescript, 這一點就具有了Angular的部分優勢。

相比React和Angular, Vue的一個劣勢就是相對來說比較新，並且它沒有大公司的支持。

具體來說你要選哪一個，要根據你當地工作環境來決定，尤其是工作的需求量來決定。這個可以跟當地的獵頭聊一聊這三大框架在本地的工作市場中哪一個最受歡迎。了解了這些信息，那你就可以花大力氣去學那一個框架。

還有，多去參加一些開發者的論壇，多聽一聽其他程序員的聲音，有的程序員可能都沒用過，，他會選擇說一些道聽途說的觀點， 有一些程序員，用過其中之一，他會跟你說一些不一樣的東西，有的程序員三個都用過，他又會給你說一些不同東西，多聽一聽，然後你就可以大體做出你自己的判斷了。

還有一個選擇的參考就是你的團隊的程序員具備什麽樣的能力。

都是初學者的話，你可能是一種選擇，都是老程序員的話或是另外一種選擇；

你的公司是初創公司的話是一種選擇，如果你的公司是中大型公司，那就是另外一種選擇。

總的來說React和Vue, 它們的工作重點在界麵設計顯示這一部分。

Angular的工作重點在整個應用設計開發這一部分。

因為這個特點，Angular更大更全，感覺上更複雜一些，學起來好像更難一些。

然而對於React和Vue來說， 隨著工作量的增加，不斷的添加組件，尤其是第三方插件，你的應用也會變得越來越複雜，如果沒有很好的控製的話，很容易失控。

三大框架的編程工具可以共用，這是個好消息，比如說你可以選擇Visual Studio Code，Atom等等, 然後在這些代碼編輯器裏麵, 你要裝上一些好用插件幫助你優化代碼，提高編程效率等等。

能方麵，這三個的區別並不大。

最後到底選哪一個？

我相信你讀了上麵這些內容以後，你會意識到，最後做出選擇的話，肯定會有一部分主觀的因素。

還有，你今年可能選了這個框架，到明年你可能會改變你的主意的， 想試試另外的框架。

我個人從最開始用reactjs，到後來用angular js，再到後來的用Angular，到目前我一直用Angular。

如果你覺得實在難選擇的話，不要在這上麵花太多時間，你就任選一種，比如抓鬮，選任何一種都可以成功的。

相比選擇哪種框架，學習哪種框架，更重要的是前端開發下麵的這些共用的概念:

單頁應用

組件

數據流

狀態管理

模板化

數據綁定

後端API調用

路徑處理

測試

編譯等等。

好了，這期就先說這些，這裏是丁哥開講，歡迎關注防止失聯。

本文到此結束，希望對大家有所幫助呢。