學(xué)什么其實(shí)看下招聘網(wǎng)站各個(gè)公司的招聘要求就知道了！

如果你實(shí)在不知道，那你可以先訂一個(gè)小目標(biāo)，比如，你想去螞蟻金服工作，那么就可以看看螞蟻金服的前端都要求掌握些什么，然后根據(jù)他們要求去學(xué)習(xí)相應(yīng)的東西。

這是ucloud螞蟻金服的前端崗位要求：

在崗位要求那一欄，明確的指出了你需要會(huì)的技能：

熟練掌握 JavaScript、HTML、CSS 等原生前端基礎(chǔ)技術(shù)，熟悉相關(guān)規(guī)范；

熟練掌握 React / Vue / Angular 等常用前端框架以及配套社區(qū)項(xiàng)目（redux / rxjs / …）；

對(duì)前端工程化有一定理解，熟練掌握 Webpack / Grunt / Gulp 等構(gòu)建工具的使用和配置；

可能這些要求有點(diǎn)高，但是基本代表互聯(lián)網(wǎng)公司前端的主流方向，我們可以找一家體量小的公司對(duì)比一下，比如這家只有15-50人的公司，我們來(lái)看看他的前端招聘要求：

可以看到在任職資格那一欄，也給出了相應(yīng)的技術(shù)棧，基本上也是JavaScript、HTML、CSS、webpack、vue、react、Angular ，跟互聯(lián)網(wǎng)大廠(chǎng)的沒(méi)什么差別，所以基本上到這里你也知道自己該學(xué)什么了。但是學(xué)東西還是有個(gè)先后順序的，先易后難，其實(shí)這個(gè)順序在招聘要求上也給給出來(lái)了，我們看每個(gè)崗位要求的第一條，都是在說(shuō)JavaScript、HTML、CSS，所以你首先要學(xué)的就是這幾個(gè)。

確定了學(xué)習(xí)內(nèi)容和學(xué)習(xí)的順序，那么接下來(lái)就是學(xué)習(xí)方法了，好的方法能夠事半功倍，我的建議是，邊學(xué)邊練，網(wǎng)上有很多教程，比如菜鳥(niǎo)教程www.runoob.com，就很適合新手入門(mén)，里面的例子也很簡(jiǎn)單，基本上每個(gè)語(yǔ)法都對(duì)應(yīng)的案例。

然后就是堅(jiān)持，不斷重復(fù)你學(xué)的東西，不斷實(shí)踐你學(xué)的東西，終有一天也會(huì)成為大牛。關(guān)于如何堅(jiān)持下去，可以看看我微我們里關(guān)于時(shí)間管理的方法。

如果我的回答對(duì)你有幫助，記得幫忙點(diǎn)個(gè)贊喲，謝謝！

第一，jquery這個(gè)算是比較久的框架。不過(guò)現(xiàn)在很多網(wǎng)站都有在使用，嚴(yán)格意義來(lái)說(shuō)，這是個(gè)js庫(kù)，是前人把經(jīng)常用到的方法封裝起來(lái)，方便開(kāi)發(fā)的時(shí)候調(diào)用。

第二，vue國(guó)內(nèi)很火的一款前端框架，也是國(guó)人開(kāi)發(fā)的，它以輕量級(jí)和雙向綁定，開(kāi)發(fā)效率高著稱(chēng)?，F(xiàn)在很多企業(yè)都在使用。

第三，react是Facebook公司的一款開(kāi)源前端框架的項(xiàng)目。以輕易解決瀏覽器兼容問(wèn)題和虛擬DOM，高效速度快著稱(chēng)。

第四，angular是谷歌公司旗下的開(kāi)源項(xiàng)目之一。它以模版功能強(qiáng)大和豐富的指令著稱(chēng)。

web前端發(fā)展至今，演變出了無(wú)數(shù)的庫(kù)和框架；說(shuō)到庫(kù)第一時(shí)間想到的是不是jquery？之前本人剛接觸庫(kù)的時(shí)候也是從jQuery開(kāi)始的。今天我們就來(lái)說(shuō)說(shuō)現(xiàn)在前端都有哪些好用的庫(kù)與框架。

• jQuery

(圖片來(lái)源于網(wǎng)絡(luò))

jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript庫(kù)，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫(xiě)更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

• Bootstrap

(圖片來(lái)源于網(wǎng)絡(luò))

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開(kāi)發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目。Bootstrap 讓前端開(kāi)發(fā)更快速、簡(jiǎn)單。所有開(kāi)發(fā)者都能快速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。

• layui

(圖片來(lái)源于網(wǎng)絡(luò))

layui（諧音：類(lèi)UI) 是一款采用自身模塊規(guī)范編寫(xiě)的前端 UI 框架，遵循原生 HTML/CSS/JS 的書(shū)寫(xiě)與組織形式，門(mén)檻極低，拿來(lái)即用。layui 首個(gè)版本發(fā)布于 2016 年金秋，她區(qū)別于那些基于 MVVM 底層的 UI 框架，卻并非逆道而行，而是信奉返璞歸真之道。準(zhǔn)確地說(shuō)，她更多是為服務(wù)端程序員量身定做，你無(wú)需涉足各種前端工具的復(fù)雜配置，只需面對(duì)瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來(lái)。layui 兼容人類(lèi)正在使用的全部瀏覽器（IE6/7除外），可作為 PC 端后臺(tái)系統(tǒng)與前臺(tái)界面的速成開(kāi)發(fā)方案。

• ElementUI

Element-UI是餓了么前端團(tuán)隊(duì)推出的一款基于Vue.js2.0的桌面端UI框架,手機(jī)端有對(duì)應(yīng)框架是MintUI。

(圖片來(lái)源于網(wǎng)絡(luò))

• AngularJS

(圖片來(lái)源于網(wǎng)絡(luò))

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

• React

(圖片來(lái)源于網(wǎng)絡(luò))

React 起源于 Facebook 的內(nèi)部項(xiàng)目，因?yàn)樵摴緦?duì)市場(chǎng)上所有 JavaScript MVC 框架，都不滿(mǎn)意，就決定自己寫(xiě)一套，用來(lái)架設(shè)Instagram 的網(wǎng)站。做出來(lái)以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月開(kāi)源了。

React主要用于構(gòu)建UI。你可以在React里傳遞多種類(lèi)型的參數(shù)，如聲明代碼，幫助你渲染出UI、也可以是靜態(tài)的HTML DOM元素、也可以傳遞動(dòng)態(tài)變量、甚至是可交互的應(yīng)用組件。是目前流行的三大框架之一。

• vue.js

(圖片來(lái)源于網(wǎng)絡(luò))

Vue.js是一套構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面，Vue 完全有能力驅(qū)動(dòng)采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)的復(fù)雜單頁(yè)應(yīng)用。

Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。

Vue.js 自身不是一個(gè)全能框架——它只聚焦于視圖層。因此它非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。另一方面，在與相關(guān)工具和支持庫(kù)一起使用時(shí)，Vue.js 也能完美地驅(qū)動(dòng)復(fù)雜的單頁(yè)應(yīng)用。是目前流行的三大框架之一。

• EasyUI

(圖片來(lái)源于網(wǎng)絡(luò))

easyui是一種基于jQuery、Angular.、Vue和React的用戶(hù)界面插件集合。easyui為創(chuàng)建現(xiàn)代化，互動(dòng)，JavaScript應(yīng)用程序，提供必要的功能。使用easyui你不需要寫(xiě)很多代碼，你只需要通過(guò)編寫(xiě)一些簡(jiǎn)單HTML標(biāo)記，就可以定義用戶(hù)界面。easyui是個(gè)完美支持HTML5網(wǎng)頁(yè)的完整框架。

以上是對(duì)各大庫(kù)與框架的介紹，前端技術(shù)日新月異，只有不斷學(xué)習(xí)才能跟上互聯(lián)網(wǎng)時(shí)代的步伐。

常用的前端框架還是比較多，這里我也簡(jiǎn)單列取一些，大概可以分成以下幾大類(lèi)：

一、JS層面

1、jquery

2、Vue

3、React

4、Angular

5、extjs

二、UI層面

1、Bootstrap

2、Ant Design （也可以說(shuō)是U框架）

3、layui

三、移動(dòng)端層面

1、Weex

2、ionic

3、MUI

4、uniapp

四、Node層面

1、express

2、Koa

3、eggjs

五、服務(wù)端渲染層面

1、Next.js

2、Nuxt.js

六、桌面應(yīng)用層面

1、Electron

七、其他方面

1、dvajs

2、Font Awesome 一套絕佳的圖標(biāo)字體庫(kù)和CSS框架

上面只是簡(jiǎn)單說(shuō)明的分類(lèi)，不一定就是這樣的非常準(zhǔn)確分類(lèi)，有的是綜合層面的，因?yàn)榍岸撕芏鄸|西是一個(gè)整體，都是為了提高web開(kāi)發(fā)和相關(guān)解決方案出來(lái)的框架。

經(jīng)過(guò)行業(yè)的發(fā)展，Web前端行業(yè)愈加成熟，企業(yè)對(duì)Web前端人員要求也越來(lái)越高，對(duì)于想要進(jìn)入前端行業(yè)的人而言挑戰(zhàn)比以前更大了。專(zhuān)業(yè)的前端培訓(xùn)機(jī)構(gòu)會(huì)根據(jù)企業(yè)需求教授學(xué)員最潮流最實(shí)用的技術(shù)，所以很多人都會(huì)選擇參加專(zhuān)業(yè)的重慶Web前端培訓(xùn)班。那么Web前端技術(shù)開(kāi)發(fā)培訓(xùn)可以學(xué)到哪些主流框架呢？

Angular

橫跨所有平臺(tái)

學(xué)會(huì)用 Angular 構(gòu)建應(yīng)用，然后把這些代碼和能力復(fù)用在多種多種不同平臺(tái)的應(yīng)用上 —— Web、移動(dòng) Web、移動(dòng)應(yīng)用、原生應(yīng)用和桌面原生應(yīng)用。

速度與性能

通過(guò) Web Worker 和服務(wù)端渲染，達(dá)到在如今(以及未來(lái)）的 Web 平臺(tái)上所能達(dá)到的最高速度。

Angular 讓你有效掌控可伸縮性。基于 RxJS、Immutable.js 和其它推送模型，能適應(yīng)海量數(shù)據(jù)需求。

2、React

這個(gè)框架本身比較容易理解，他的結(jié)構(gòu)很清晰，就是由十幾個(gè)API組成，然后異步渲染，我們只需要處理好接口和維護(hù)就好了，但是很多人反映上手還是有一定的的難度的。React是單向數(shù)據(jù)流，代碼寫(xiě)起來(lái)會(huì)較雙向數(shù)據(jù)流的多一些，但是同樣的排查問(wèn)題時(shí)思路清晰很多。

3、Vue

號(hào)稱(chēng)是最簡(jiǎn)單，最容易上手的框架，同時(shí)也是行內(nèi)的大趨勢(shì)，還可以用來(lái)開(kāi)發(fā)最火的小程序。同時(shí)他也是雙向數(shù)據(jù)流。有些人認(rèn)為Vue是Angular和React的結(jié)合，既有Angular的模板語(yǔ)法也有React的組件化體系。

上邊的者三種框架目前是前端培訓(xùn)機(jī)構(gòu)教學(xué)的主流框架，也是現(xiàn)今企業(yè)應(yīng)用比較廣泛的前端框架。

那兄弟 你的前端只有css是嗎

bootstrap是twitter出的一款不錯(cuò)的UI框架，或者與其說(shuō)是框架不如說(shuō)是類(lèi)庫(kù)（lib），當(dāng)然這里邊牽扯到一個(gè)“究竟什么是框架什么是類(lèi)庫(kù)？”的問(wèn)題，我們暫時(shí)不談。畢竟是有大公司背景的代碼堆，我覺(jué)得沒(méi)什么“落伍”可言。

angular是前兩年之內(nèi)突然火得一塌糊涂的一個(gè)fe框架，這個(gè)我覺(jué)得可以算的上是真正意義上的框架了，MVVM雙向綁定，包括它擁有足夠完善的社區(qū)、生態(tài)，甚至chrome上都有很多好用的相關(guān)插件（這一點(diǎn)可以說(shuō)是占了google出品的光），比較完整的大型項(xiàng)目都是可以考慮引入的。但如果你的網(wǎng)站只是做一些輕量級(jí)的東西，殺雞焉用宰牛刀吧我覺(jué)得。

backbone主要針對(duì)的MVC中的M層，至少我是這么理解的。對(duì)UI層它幾乎沒(méi)什么太多的限制，一方面給出了coder自由度進(jìn)行發(fā)揮，另一方面也等于在這方面框架本身對(duì)開(kāi)發(fā)沒(méi)提供什么太大的幫助。我覺(jué)得這更像是一個(gè)高手向的框架，另外對(duì)于underscore前端模板那一套東西，說(shuō)實(shí)話(huà)作為一名php java啥都能寫(xiě)的FE我始終覺(jué)得這套東西有那么一種純JS工程師的一廂情愿的意味。這是個(gè)人看法了，不一定準(zhǔn)確，況且有人會(huì)搬出ajax動(dòng)態(tài)渲染時(shí) 前端模板的作用來(lái)反駁我，別急著反駁，至少往下看完我說(shuō)的話(huà)。

相比之下，react可以說(shuō)是一個(gè)在MVC中V層做的十分出色和新穎的框架了，獨(dú)特的jsx編譯機(jī)制就已經(jīng)讓你的代碼變得高大上了，我是覺(jué)得這個(gè)類(lèi)庫(kù)在UI層做的更徹底更專(zhuān)業(yè)，或者說(shuō)讓FE的代碼更專(zhuān)業(yè)了。更何況，react比angular更年輕，而且同樣擁有大公司背景，react native一出更是讓JS工程師的地位取得了革命性的提升，（不要跟我提phonegap，用過(guò)兩個(gè)東西后你會(huì)明白，react打包的app性能甩phonegap幾條街沒(méi)問(wèn)題）。另外既然樓主提到了之前的網(wǎng)站是bootstrap，不妨可以看一看react-bootstrap這個(gè)東西，或許這就是你想要的。

前端框架各有所長(zhǎng)，看你需要那個(gè)。

對(duì)于一個(gè)程序員來(lái)學(xué)選擇一款好用的開(kāi)發(fā)工具可以大大提高工作效率，底層前端框架領(lǐng)域中早先jquery稱(chēng)霸，近年MVVM類(lèi)型的框架成為主流，Vue、React和Angular三大框架較為常見(jiàn)。今天小編就介紹一些JS前端開(kāi)發(fā)框架供大家選擇：

一、 Foundation框架

Foundation框架比Bootstrap略顯高大上一點(diǎn)，但他們倆的設(shè)計(jì)理念都非常清楚，Bootstrap有引導(dǎo)，嘗試處理你項(xiàng)目中的一切所需。Foundation有基礎(chǔ)、地基及支柱，給項(xiàng)目中強(qiáng)有力的創(chuàng)造與支持。相對(duì)于Bootstrap豐富的組件及插件，F(xiàn)oundation僅提供了有限的幾種元素，其目標(biāo)是即使你使用預(yù)定義的UI元素，也不應(yīng)該與大家的網(wǎng)站長(zhǎng)得太像。

二、 Bootstrap

Bootstrap在業(yè)界非常受歡迎，以致于有很多前端框架都在其基礎(chǔ)上開(kāi)發(fā)，如WeX5就是在Bootstrap源碼基礎(chǔ)上優(yōu)化而來(lái)。Bootstrap是基于HTML、CSS和Javascript的，簡(jiǎn)潔靈活使得Web開(kāi)發(fā)更加敏捷。提供優(yōu)雅的HTML和CSS規(guī)范，在jQuery的基礎(chǔ)上進(jìn)行更加個(gè)性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導(dǎo)航條、按鈕組、分頁(yè)、縮略圖、進(jìn)度條和媒體對(duì)象等。自帶了13個(gè)jQuery插件，其中有模式對(duì)話(huà)框、標(biāo)簽頁(yè)、滾動(dòng)條和彈出框等。

三、Curl

Curl是一個(gè)命令行工具，用于通過(guò)HTTP(s)、FTP和數(shù)十種其它協(xié)議進(jìn)行請(qǐng)求。使用Curl可以進(jìn)行文件下載、檢查響應(yīng)標(biāo)題和自由訪(fǎng)問(wèn)遠(yuǎn)程數(shù)據(jù)。在Web開(kāi)發(fā)中Curl經(jīng)常和RESTfulAPI一起使用用于測(cè)試連接。

四、Tree

Tree是一個(gè)小型的命令行實(shí)用程序，將目錄中的文件以可視化的方式進(jìn)行顯示。它采用遞歸運(yùn)行的方式，遍歷每個(gè)級(jí)別的嵌套并繪制所有內(nèi)容的格式樹(shù)。這樣就能快速的瀏覽并查找需要的文件。

五、Tmux

根據(jù)維基的解釋?zhuān)琓mux是一個(gè)終端復(fù)用器。通俗的說(shuō)，它是一個(gè)能將多個(gè)終端連接到單個(gè)終端會(huì)話(huà)的工具。Tmux允許用戶(hù)在終端中的程序之間切換，添加屏幕窗格，并將多個(gè)終端連接到同一個(gè)會(huì)話(huà)，使其保持同步。在遠(yuǎn)程服務(wù)器上工作時(shí)，Tmux特別有用，允許用戶(hù)創(chuàng)建新的選項(xiàng)卡而無(wú)需再次登錄。

六、du

du命令用于生成關(guān)于文件和目錄的空間使用情況的報(bào)告。du很容易使用，可以遞歸地運(yùn)行，遍歷每個(gè)子目錄并返回每個(gè)文件的大小。du常見(jiàn)用例：當(dāng)某個(gè)驅(qū)動(dòng)器的空間不足，用戶(hù)不清楚每個(gè)存儲(chǔ)器的大小。使用此命令可以快速查看每個(gè)文件夾所占用的存儲(chǔ)空間，從而找到占用最大空間的存儲(chǔ)器。

七、 AUI

AUI專(zhuān)為APIClound設(shè)計(jì)的一套框架，解決了許多移動(dòng)端開(kāi)發(fā)實(shí)際中遇到的許多問(wèn)題是一個(gè)純CSS框架。使用容器+布局+模塊的構(gòu)建方式，JS輔助，更自由更靈活更易于擴(kuò)展使用。遵循GoogleMaterial設(shè)計(jì)規(guī)范，完美適配各個(gè)機(jī)型。面向HTML5，使用CSS3實(shí)現(xiàn)動(dòng)畫(huà)交互，輕量級(jí)高性能。

八、AmazeUI

據(jù)稱(chēng)是中國(guó)首個(gè)開(kāi)源HTML5跨屏前端框架。妹子UI以移動(dòng)優(yōu)先為理念，從小屏逐漸到大屏，實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)。AmazeUI包含20+個(gè)CSS組件、20+個(gè)JS組件，更有多個(gè)包含不同主題的Web組件。相比國(guó)外框架，UI關(guān)注中文排版提供本地化支持。面向HTML5開(kāi)發(fā)，使用CSS3來(lái)實(shí)現(xiàn)動(dòng)畫(huà)交互，輕量級(jí)高性能。

九、FrozenUI

FrozenUI是一款開(kāi)源簡(jiǎn)單易用，輕量敏捷的移動(dòng)端框架?；谑諵樣式規(guī)范，目前全面應(yīng)用于企鵝手Q增值業(yè)務(wù)中?；A(chǔ)樣式效果簡(jiǎn)單色調(diào)清爽，社區(qū)活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項(xiàng)卡等等常用組件。還包括一個(gè)FrozenJs的JS組件庫(kù)?？梢栽谥髁鞯腁ndroid和IOS上應(yīng)用。基本樣式使用離線(xiàn)包的方式減少請(qǐng)求提供快速接入方案。

程序員在不同業(yè)務(wù)場(chǎng)景下的角色互換，需要掌握多種開(kāi)發(fā)工具，因此多了解一些JS前端開(kāi)發(fā)框架對(duì)于工作非常有幫助。想要學(xué)習(xí)前端的框架，可以私信我哦~~

前端三大框架各有優(yōu)缺，那我們?nèi)ブ攸c(diǎn)攻克哪個(gè)框架能更好的助于我們找工作呢？

可以從以下幾個(gè)方面考慮：

1.編程范式：

「angular」 都要去考慮作用域，實(shí)際使用中做什么都要考慮作用域，非常麻煩！

「React」萬(wàn)物皆組件，做什么都要用到組件，組建拼合起來(lái)就是常見(jiàn)的應(yīng)用。

「Vue」對(duì)初學(xué)者非常友好，把所有的業(yè)務(wù)邏輯代碼都放到vue .js文件下，干起活來(lái)非常爽。

2.技術(shù)背景：

「angular」 世界上最偉大的技術(shù)公司谷歌支持。

「React」由臉書(shū)Facebook支持，有專(zhuān)門(mén)的團(tuán)隊(duì)維護(hù)。

「Vue」尤雨溪大神個(gè)人產(chǎn)品，背后是ucloud，是ucloud技術(shù)顧問(wèn)。

3.程序生態(tài)：

「angular」 是全家桶，支持獨(dú)立開(kāi)發(fā)程序。

「React」屬于散架，需要全網(wǎng)拼接第三方組件開(kāi)發(fā)程序。

「Vue」屬于半桶水，有官方支持亦可從全網(wǎng)生態(tài)找組件來(lái)用。

4.技術(shù)比較：

「angular」和「Vue」 都是基于模版編寫(xiě)，解析模版會(huì)耗費(fèi)一定時(shí)間。

「React」由JSX最終解析成JS，在時(shí)間上要快一些！

【總結(jié)】

三大框架都在逐漸趨向于一致，如果非要決出勝負(fù)，那「React」稍稍跑在了前頭，他考慮到程序員非常多的弱點(diǎn)就是不想學(xué)習(xí)新東西，所以在實(shí)際應(yīng)用上「React」在歷史迭代的過(guò)程中更人性化

希望以上的回答對(duì)你有所幫助！

1.react框架:

create-react-app+antd（antd PC，移動(dòng)端都有）

umi+dva+antd

ant design pro（管理系統(tǒng)）

ReactNative（app混合開(kāi)發(fā)）

2.vue框架：

vue-cli+element-ui或iview（PC，移動(dòng)端，小程序都有）

vue-element-admin（管理系統(tǒng)）

vue-cli3+cordova或者weex（app混合開(kāi)發(fā)）

3.Flutter（app混合開(kāi)發(fā)）

4.es6,webpack,gulp,node,包管理工具,esLint,echart,css預(yù)處理器,i18n等等