我恰好在實(shí)際生產(chǎn)項(xiàng)目中使用過(guò)這三種框架。平心而論，從工作角度來(lái)說(shuō)完全沒(méi)有必要全部都學(xué)會(huì)，從提升角度來(lái)說(shuō)你至少需要學(xué)會(huì)vue和react以及原生網(wǎng)頁(yè)開(kāi)發(fā)。angular在一定程度上來(lái)說(shuō)已經(jīng)是第二梯隊(duì)，它的工程化方案可以了解一下，不過(guò)已經(jīng)不是主流。

其實(shí)現(xiàn)在的前端工程師很多時(shí)候解決的不是樣式問(wèn)題，而是協(xié)作和業(yè)務(wù)邏輯處理的問(wèn)題，很少見(jiàn)一家公司會(huì)同時(shí)使用多套框架來(lái)實(shí)現(xiàn)業(yè)務(wù)功能，學(xué)習(xí)的有，但是實(shí)際項(xiàng)目中一般都是一套代碼擼一切，方便快捷產(chǎn)出高。所以說(shuō)你在公司的地位與你會(huì)幾個(gè)框架完全沒(méi)有關(guān)系。而且完全學(xué)會(huì)一個(gè)框架之后其他的拿過(guò)來(lái)，1天上手寫(xiě)項(xiàng)目也不是不可能。

不過(guò)你要是想在技術(shù)上走的更遠(yuǎn)一點(diǎn)，你就需要理解他們的底層邏輯，演變歷史，以及未來(lái)趨勢(shì)，這樣你才能取其精華，去其糟粕在技術(shù)上取得一定的成就。

雖然市場(chǎng)中有很多的前端框架，但部分UI框架是屬于組件庫(kù)，然而QUICK UI跟當(dāng)下流行的三大底層框架React、Vue和Angular不同，QUICK UI提供了一整套前端解決方案，包括前后端分離的開(kāi)發(fā)框架、100多種功能強(qiáng)大的UI控件、幾十套精美的皮膚模板和近16萬(wàn)字的開(kāi)發(fā)文檔，滿(mǎn)足你所以開(kāi)發(fā)項(xiàng)目都不是問(wèn)題。

1.Node.Js

Node.js是一個(gè)Javascript運(yùn)行環(huán)境(runtime)。實(shí)際上它是對(duì)Google V8引擎進(jìn)行了封裝。V8引 擎執(zhí)行Javascript的速度非常快，性能非常好。Node.js對(duì)一些特殊用例進(jìn)行了優(yōu)化，提供了替代的API，使得V8在非瀏覽器環(huán)境下運(yùn)行得更好。
Node.js是一個(gè)基于Chrome JavaScript運(yùn)行時(shí)建立的平臺(tái)， 用于方便地搭建響應(yīng)速度快、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用。Node.js 使用事件驅(qū)動(dòng)， 非阻塞I/O 模型而得以輕量和高效，非常適合在分布式設(shè)備上運(yùn)行數(shù)據(jù)密集型的實(shí)時(shí)應(yīng)用。

2.angular.Js

描述：AngularJS 誕生于2009年，由Misko Hevery 等人創(chuàng)建，后為Google所收購(gòu)。是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語(yǔ)義化標(biāo)簽、依賴(lài)注入等等。

用途：通過(guò)描述我們應(yīng)該就能很好的明白AngularJS的真實(shí)用途了，MVVM，模塊化，自動(dòng)化雙向數(shù)據(jù)綁定等等。除了簡(jiǎn)單的dom操作外，更能體現(xiàn)Js編程的強(qiáng)大。當(dāng)然應(yīng)用應(yīng)該視場(chǎng)合而定。
它的出現(xiàn)比較早，也是曾經(jīng)比較流行的前端js框架，但是今年來(lái)隨著reactJS與VueJS的出現(xiàn)，它的熱度在慢慢降低。

3.Vue.js(目前市場(chǎng)上的主流)

描述：Vue.js 是用于構(gòu)建交互式的 Web 界面的庫(kù)。它提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡(jiǎn)單、靈活的 API。從技術(shù)上講， Vue.js 集中在 MVVM 模式上的視圖模型層，并通過(guò)雙向數(shù)據(jù)綁定連接視圖和模型。實(shí)際的 DOM 操作和輸出格式被抽象出來(lái)成指令和過(guò)濾器。相比其它的 MVVM 框架，Vue.js 更容易上手。目前市場(chǎng)上比較流行的前后端分離的開(kāi)發(fā)模式，大多前端都是vueJS做的。

作為前端如果這都學(xué)不完那就別做程序員了，先不討論那個(gè)技術(shù)好至少這三個(gè)都是當(dāng)下最熱的技術(shù)，前端相對(duì)于后端知識(shí)點(diǎn)就比較少，如果這三個(gè)你還偷懶那就沒(méi)救了。

作為職場(chǎng)打拼多年的前端過(guò)來(lái)人，我的觀點(diǎn)是不是學(xué)會(huì)三大框架，而是弄懂一個(gè)框架，知其基本原理，設(shè)計(jì)思想，靈活運(yùn)用，再舉一反三不管多少框架都會(huì)逐步得心應(yīng)手。這樣無(wú)論以后出現(xiàn)什么框架，你都能得心應(yīng)手，靈活應(yīng)對(duì)，快速上手。

下面我從幾個(gè)方面來(lái)談一談我的看法：

• 精通一個(gè)框架比了解多個(gè)框架重要
• 歷史重演：為什么當(dāng)下火的是這三大MVVM框架，而jquery卻淡出歷史舞臺(tái)
• 推動(dòng)前端三大框架發(fā)展和流行原因：中臺(tái)化業(yè)務(wù)、敏捷開(kāi)發(fā)
• 沉淀技能，舉一反三

精通一個(gè)框架比了解多個(gè)框架重要

前端開(kāi)發(fā)精通一個(gè)遠(yuǎn)比了解多個(gè)框架重要是因?yàn)楹诵脑谟谑欠窭斫饪蚣艿暮诵淖饔脤?shí)現(xiàn)原理而不只是簡(jiǎn)單的會(huì)使用。最為前端開(kāi)發(fā)其實(shí)最本質(zhì)的是高效實(shí)現(xiàn)前端頁(yè)面功能，其實(shí)萬(wàn)變不離其宗，大家都知道，前端實(shí)現(xiàn)某一個(gè)功能可以說(shuō)方法很多，但有最高效，最優(yōu)化，最便捷的區(qū)分。大家都知道新框架出來(lái)，大家花一點(diǎn)時(shí)間去使用

為什么當(dāng)下火的是這三大MVVM框架，而jquery卻淡出歷史舞臺(tái)

前端的業(yè)務(wù)越來(lái)越復(fù)雜，交互越來(lái)越復(fù)雜，交互體驗(yàn)好單頁(yè)面應(yīng)用流行，三大MVVM框架能夠較好的驅(qū)動(dòng)業(yè)務(wù)淡化DOM操作而關(guān)心業(yè)務(wù)，jquery無(wú)法勝任所以淡出歷史舞臺(tái)。三大框架的流行仿佛和當(dāng)年jquery當(dāng)年的流行是驚人的相似的場(chǎng)景。

最初jquery出現(xiàn)的時(shí)候，大大提升了對(duì)DOM節(jié)點(diǎn)操作，這使得大家發(fā)現(xiàn)有了jquery之后很少的代碼就可以兼容瀏覽器而且很方便的操作節(jié)點(diǎn)。

當(dāng)下MVVM的出現(xiàn)，大家發(fā)現(xiàn)，只需關(guān)注業(yè)務(wù)代碼即可實(shí)現(xiàn)功能，前端更能夠更多的實(shí)現(xiàn)業(yè)務(wù)，底層渲染交給了框架渲染，極大的減輕了開(kāi)發(fā)者的時(shí)間成本。

所以，歷史總是驚人的相似，新框架解決了當(dāng)下的問(wèn)題，大家都愿意去使用快速迭代。要把握好前端技術(shù)發(fā)展存在的意義更能知道框架的意義。

推動(dòng)前端三大框架發(fā)展和流行原因：中臺(tái)化業(yè)務(wù)、敏捷開(kāi)發(fā)

近幾年的中臺(tái)化業(yè)務(wù)和快速的敏捷開(kāi)發(fā)是推動(dòng)業(yè)務(wù)發(fā)展的重要原因。最初react/angular的出現(xiàn)，讓前端有了生命周期的概念，以及狀態(tài)保持的概念。這樣，面對(duì)復(fù)雜的中臺(tái)化業(yè)務(wù)，和快速的迭代，逐步能夠很好的實(shí)現(xiàn)業(yè)務(wù)。

沉淀技能，舉一反三

總結(jié)，作為前端最重要的還是沉淀技能，舉一反三，通過(guò)一個(gè)框架把它的使用方式，實(shí)現(xiàn)原理，設(shè)計(jì)思路，應(yīng)用范圍等等一系列問(wèn)題思考清楚，再結(jié)合自己的靈活運(yùn)用和體會(huì)。相信不管以后前端會(huì)發(fā)展什么樣，你的思維模式和經(jīng)驗(yàn)，一定會(huì)更好的把握新框架，從容面對(duì)前端的發(fā)展。

希望對(duì)你有所幫助。

框架不用怎么學(xué)，只需要理解他的設(shè)計(jì)思想，熟練運(yùn)用就行了。唯一需要上心的是js基礎(chǔ)，js基礎(chǔ)扎實(shí)后，三大框架看看文檔就能上手了。

語(yǔ)言特性中非必須的僅僅為了提高開(kāi)發(fā)效率的特性叫做語(yǔ)法糖，相比之下三大js框架就是士力架，能極大提高開(kāi)發(fā)效率。但這些框架都是js基礎(chǔ)上的封裝的，然后借鑒了node和js天然親近的特性，充分利用了node的模板表達(dá)能力，把原來(lái)mvc那一套的模板渲染移植到前端來(lái)了，即前后端分離。不要被這些框架的新概念忽悠瘸了，本質(zhì)還是js。

框架那么多，沒(méi)有精力做到每個(gè)都能熟練掌握。而且框架屬于快餐，沒(méi)有太多營(yíng)養(yǎng)，對(duì)于個(gè)人成長(zhǎng)幫助不大。與其糾結(jié)學(xué)習(xí)哪個(gè)框架，不如學(xué)好js基礎(chǔ)，搞懂一門(mén)js框架的設(shè)計(jì)思想就足夠了，剩下的舉一反三，看一遍文檔就能上手了。

我也是軟件行業(yè)，但我是做服務(wù)器開(kāi)發(fā)的。但我老婆是做前端開(kāi)發(fā)的，所以還算比較了解這個(gè)行業(yè)

首先，分地區(qū)的，因?yàn)樯硖幈本?，技術(shù)更新迭代很快，vue和react還是有必要都學(xué)學(xué)的，而且還有很深的那樣，北京互聯(lián)網(wǎng)移動(dòng)公司很多很多，都是必要的技術(shù)

其次，所屬行業(yè)，如果是傳統(tǒng)行業(yè)，比如支撐服務(wù)，外包服務(wù)等，angular還是會(huì)用的，比如我現(xiàn)在做的煤炭行業(yè)和動(dòng)車(chē)行業(yè)，前端基本是這個(gè)，雖然比較笨重，但行業(yè)需要也不得不去研究

最后，俗話(huà)說(shuō)技不壓身，有時(shí)間就多學(xué)，沒(méi)有時(shí)間就需要有側(cè)重點(diǎn)，選擇現(xiàn)在公司需要的，慢慢來(lái)吧

希望對(duì)你有所幫助

沒(méi)有必要

在web前端開(kāi)發(fā)中，js框架是很重要的組成部分，框架的作用：其實(shí)就是簡(jiǎn)化了底層javascript的編寫(xiě)，大大縮減了開(kāi)發(fā)者的編寫(xiě)難度，現(xiàn)在主流的三大JS框架，其實(shí)學(xué)會(huì)其中1-2個(gè)就夠了。具體得根據(jù)實(shí)際 的開(kāi)發(fā)項(xiàng)目去選擇。

一、vue框架

這是目前大部分中小型企業(yè)開(kāi)發(fā)的標(biāo)配，vue框架由中國(guó)程序員開(kāi)發(fā)，更符合國(guó)人編寫(xiě)代碼的風(fēng)格，同時(shí)vue組件化的設(shè)計(jì)思維，也讓代碼的編寫(xiě)更具有靈活性，vue核心庫(kù)只關(guān)注視圖層，更加便于上手，同時(shí)vue的中文社區(qū)有著廣泛的用戶(hù)，這樣使得vue框架庫(kù)的數(shù)量很豐富，vue構(gòu)建的漸進(jìn)式編程思維，使得與其他項(xiàng)目的整合變得簡(jiǎn)單，尤其是近些年，uniapp的崛起，讓vue的使用量大增，在許多的企業(yè)，使用vue+uniapp+mysql開(kāi)發(fā)組合，能夠讓代碼的開(kāi)發(fā)變得簡(jiǎn)單，同時(shí)vue屬于國(guó)產(chǎn)js框架，在知識(shí)產(chǎn)權(quán)的問(wèn)題上也較為寬松，總比用國(guó)外框架要安全。

二、react框架

react在國(guó)內(nèi)開(kāi)發(fā)界也有著很龐大的使用群體，因?yàn)槠鋵儆陂_(kāi)源框架，所以其開(kāi)發(fā)社區(qū)有著很大的用戶(hù)數(shù)，第三方模塊數(shù)量也很多，react采用函數(shù)式編程理念，很適合當(dāng)下主流的編程風(fēng)格，同時(shí)也采用了組件化的編程設(shè)計(jì)，react因?yàn)樵谌驈V泛流行，尤其是大型項(xiàng)目的開(kāi)源代碼較多，所以國(guó)內(nèi)很多的大型企業(yè)，都喜歡用react框架，同時(shí)采用了虛擬DOM，能夠提高代碼的運(yùn)行性能，但是react的開(kāi)發(fā)難度比vue要高出不少，同時(shí)react更新速度較慢，這對(duì)于國(guó)內(nèi)開(kāi)發(fā)者來(lái)說(shuō)，確實(shí)有不小的影響。

三、angular框架

angular的流行，很大程度上源于其被谷歌收購(gòu)，因?yàn)楣雀栝_(kāi)發(fā)工具在程序界有著很高的地位，使得angular也有著廣泛的國(guó)內(nèi)用戶(hù)，這種框架的優(yōu)勢(shì)是注重構(gòu)建模型關(guān)聯(lián)，建立了一整套web開(kāi)發(fā)方案，同時(shí)新版的angular采用了ts語(yǔ)言進(jìn)行編寫(xiě)，使得配合谷歌瀏覽運(yùn)行更加的順暢，但是angular的難度系數(shù)還是較大的，與vue，react相比顯得更復(fù)雜，同時(shí)因?yàn)楦唛T(mén)檻的問(wèn)題，使得angular在國(guó)內(nèi)的使用數(shù)量開(kāi)始下架，尤其是這幾年，大部分的中小企業(yè)都不在使用angular，一些培訓(xùn)機(jī)構(gòu)也放棄了angular的教學(xué)，使得這門(mén)框架語(yǔ)言變得有些冷淡。

如果從就業(yè)的角度分析，首推的就是VUE，畢竟國(guó)產(chǎn)開(kāi)源框架的優(yōu)勢(shì)是顯著的，同時(shí)VUE在三大框架中也是最易學(xué)習(xí)的一個(gè)，但是遇到開(kāi)發(fā)大型項(xiàng)目的時(shí)候，則推薦采用react，所以作為前端在學(xué)好VUE的基礎(chǔ)上，適當(dāng)?shù)貙W(xué)一學(xué)react也是很可行的，至于angular的學(xué)習(xí)確實(shí)不需要強(qiáng)求了，在如今的編程界中，“低代碼編程”開(kāi)始成為一種潮流，即對(duì)于部分程序員來(lái)說(shuō)，將項(xiàng)目開(kāi)發(fā)的效率與運(yùn)行的體驗(yàn)度作為首要任務(wù)，所以簡(jiǎn)單，易用的js框架更受歡迎。

不過(guò)無(wú)論學(xué)習(xí)何種框架，其實(shí)根本的目的，依然是讓代碼的編寫(xiě)變得更加的簡(jiǎn)單，所以作為前端開(kāi)發(fā)者來(lái)說(shuō)，并不要沉迷于某一門(mén)框架語(yǔ)言，能夠自己開(kāi)發(fā)框架才是最實(shí)用的。

完全沒(méi)有必要，我實(shí)習(xí)時(shí)只會(huì)jquery，第一份正式工作用到了vue，現(xiàn)學(xué)現(xiàn)用，上手很快，目前用了兩年?，F(xiàn)在第二份工作需要使用到react，也是現(xiàn)學(xué)現(xiàn)用，三天就上手開(kāi)發(fā)了。

學(xué)以致用，就算你全學(xué)會(huì)了，不用還是會(huì)忘。

技術(shù)是用來(lái)服務(wù)人類(lèi)的，不要為了學(xué)習(xí)而學(xué)習(xí)。

關(guān)注我，跟我一起學(xué)前端

沒(méi)有必要，無(wú)論是大廠或者一般公司的招聘對(duì)框架的要求是熟悉或者至少掌握vue，react，angular中的一門(mén)，而且一般在大廠里每個(gè)團(tuán)隊(duì)的技術(shù)框架相對(duì)來(lái)說(shuō)比較穩(wěn)定，一般會(huì)挑選一門(mén)主要的技術(shù)框架，其它的作為輔助，除非有重大原因，否則一般不會(huì)輕易變更主要技術(shù)棧。我覺(jué)得作為一個(gè)前端，當(dāng)前有一門(mén)自己擅長(zhǎng)的框架即可，其它框架只需要一定了解，畢竟完全掌握一門(mén)現(xiàn)代框架還是需要花點(diǎn)時(shí)間的，不如把更多的時(shí)間花在其它前端領(lǐng)域上，或者夯實(shí)基礎(chǔ)知識(shí)也比強(qiáng)行去要求自己去學(xué)每一門(mén)熱門(mén)框架好?？蚣苤皇菫榱朔奖汩_(kāi)發(fā)，提升開(kāi)發(fā)效率，千萬(wàn)不要覺(jué)得都會(huì)了就厲害了，不是這樣的，這些都是招式，Js才是根基，你招式在花哨，下盤(pán)不穩(wěn)還是一腿撂倒。

你也可以看看現(xiàn)在前端開(kāi)發(fā)工程師的招聘信息就知道:

1. 對(duì)社招，會(huì)使用三大框架之一，在國(guó)內(nèi)基本就是會(huì)使用vue或react是必要條件。簡(jiǎn)歷里沒(méi)提到很可能篩查簡(jiǎn)歷這關(guān)就過(guò)不了。對(duì)于高級(jí)職位，需要了解其中的原理，比如virtual dom，diff算法等，和周邊生態(tài)。

2. 對(duì)校招，互聯(lián)網(wǎng)大廠的很多組也會(huì)要求同學(xué)會(huì)三大框架之一。有些組可能條件會(huì)放寬，但也會(huì)要求基礎(chǔ)好，js/html/css，網(wǎng)絡(luò)基礎(chǔ)，算法等熟練。

有沒(méi)有必要？

答：沒(méi)有必要。但是如果都會(huì)使用，能夠擴(kuò)展你在前端技術(shù)上的廣度，但同時(shí)技術(shù)深度尤為重要。

實(shí)際工作是什么樣的？

在你的實(shí)際工作中，用到的最多不會(huì)超過(guò)兩種，而且一般國(guó)內(nèi)基本都是用vue和react，只要你把這兩款框架研究明白，即使將來(lái)再有更多的前端框架出現(xiàn)，也不會(huì)有太多的學(xué)習(xí)成本。總的來(lái)說(shuō)，作為前端開(kāi)發(fā)工程師，三大框架沒(méi)必要都會(huì)，但至少要研究過(guò)其中的一種，這樣才能在當(dāng)下互聯(lián)網(wǎng)職場(chǎng)上混，否則，只能被淘汰。

精通其中一門(mén)，是必要的！

精通一門(mén)就好，其他了解一些。關(guān)于設(shè)計(jì)思想方面多做思考，才會(huì)進(jìn)步。現(xiàn)在三個(gè)框架，未來(lái)會(huì)不會(huì)有第四個(gè)框架？編程的本質(zhì)亦不是框架本身，編程能力足夠你也可以寫(xiě)出自己的框架。最近一個(gè)思想很好，去編程語(yǔ)言化。指的是業(yè)務(wù)對(duì)編程語(yǔ)言的低耦合，弱依賴(lài)，編程框架和語(yǔ)言的變更對(duì)于本身業(yè)務(wù)的影響降到最低?；貧w編程的語(yǔ)言的根本，去除高級(jí)特性，簡(jiǎn)易的編程代碼，高度的解耦！

如果覺(jué)得作者說(shuō)的不錯(cuò)，請(qǐng)各位觀眾老爺動(dòng)動(dòng)拇指，點(diǎn)個(gè)贊喲，感謝。