學什么其實看下招聘網站各個公司的招聘要求就知道了！

如果你實在不知道，那你可以先訂一個小目標，比如，你想去螞蟻金服工作，那么就可以看看螞蟻金服的前端都要求掌握些什么，然后根據他們要求去學習相應的東西。

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

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

熟練掌握 JavaScript、HTML、CSS 等原生前端基礎技術，熟悉相關規范；

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

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

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

可以看到在任職資格那一欄，也給出了相應的技術棧，基本上也是JavaScript、HTML、CSS、webpack、vue、react、Angular ，跟互聯網大廠的沒什么差別，所以基本上到這里你也知道自己該學什么了。但是學東西還是有個先后順序的，先易后難，其實這個順序在招聘要求上也給給出來了，我們看每個崗位要求的第一條，都是在說JavaScript、HTML、CSS，所以你首先要學的就是這幾個。

確定了學習內容和學習的順序，那么接下來就是學習方法了，好的方法能夠事半功倍，我的建議是，邊學邊練，網上有很多教程，比如菜鳥教程www.runoob.com，就很適合新手入門，里面的例子也很簡單，基本上每個語法都對應的案例。

然后就是堅持，不斷重復你學的東西，不斷實踐你學的東西，終有一天也會成為大牛。關于如何堅持下去，可以看看我微我們里關于時間管理的方法。

如果我的回答對你有幫助，記得幫忙點個贊喲，謝謝！

第一，jquery這個算是比較久的框架。不過現在很多網站都有在使用，嚴格意義來說，這是個js庫，是前人把經常用到的方法封裝起來，方便開發的時候調用。

第二，vue國內很火的一款前端框架，也是國人開發的，它以輕量級和雙向綁定，開發效率高著稱。現在很多企業都在使用。

第三，react是Facebook公司的一款開源前端框架的項目。以輕易解決瀏覽器兼容問題和虛擬DOM，高效速度快著稱。

第四，angular是谷歌公司旗下的開源項目之一。它以模版功能強大和豐富的指令著稱。

web前端發展至今，演變出了無數的庫和框架；說到庫第一時間想到的是不是jquery？之前本人剛接觸庫的時候也是從jQuery開始的。今天我們就來說說現在前端都有哪些好用的庫與框架。

• jQuery

(圖片來源于網絡)

jQuery是一個快速、簡潔的JavaScript庫，是繼Prototype之后又一個優秀的JavaScript代碼庫。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

• Bootstrap

(圖片來源于網絡)

Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開發響應式布局、移動設備優先的 WEB 項目。Bootstrap 讓前端開發更快速、簡單。所有開發者都能快速上手、所有設備都可以適配、所有項目都適用。

• layui

(圖片來源于網絡)

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

• ElementUI

Element-UI是餓了么前端團隊推出的一款基于Vue.js2.0的桌面端UI框架,手機端有對應框架是MintUI。

(圖片來源于網絡)

• AngularJS

(圖片來源于網絡)

AngularJS誕生于2009年，由Misko Hevery 等人創建，后為Google所收購。是一款優秀的前端JS框架，已經被用于Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVC（Model–view–controller）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。是目前流行的三大框架之一。

• React

(圖片來源于網絡)

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

React主要用于構建UI。你可以在React里傳遞多種類型的參數，如聲明代碼，幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變量、甚至是可交互的應用組件。是目前流行的三大框架之一。

• vue.js

(圖片來源于網絡)

Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。

Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

Vue.js 自身不是一個全能框架——它只聚焦于視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能完美地驅動復雜的單頁應用。是目前流行的三大框架之一。

• EasyUI

(圖片來源于網絡)

easyui是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。easyui為創建現代化，互動，JavaScript應用程序，提供必要的功能。使用easyui你不需要寫很多代碼，你只需要通過編寫一些簡單HTML標記，就可以定義用戶界面。easyui是個完美支持HTML5網頁的完整框架。

以上是對各大庫與框架的介紹，前端技術日新月異，只有不斷學習才能跟上互聯網時代的步伐。

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

一、JS層面

1、jquery

2、Vue

3、React

4、Angular

5、extjs

二、UI層面

1、Bootstrap

2、Ant Design （也可以說是U框架）

3、layui

三、移動端層面

1、Weex

2、ionic

3、MUI

4、uniapp

四、Node層面

1、express

2、Koa

3、eggjs

五、服務端渲染層面

1、Next.js

2、Nuxt.js

六、桌面應用層面

1、Electron

七、其他方面

1、dvajs

2、Font Awesome 一套絕佳的圖標字體庫和CSS框架

上面只是簡單說明的分類，不一定就是這樣的非常準確分類，有的是綜合層面的，因為前端很多東西是一個整體，都是為了提高web開發和相關解決方案出來的框架。

經過行業的發展，Web前端行業愈加成熟，企業對Web前端人員要求也越來越高，對于想要進入前端行業的人而言挑戰比以前更大了。專業的前端培訓機構會根據企業需求教授學員最潮流最實用的技術，所以很多人都會選擇參加專業的重慶Web前端培訓班。那么Web前端技術開發培訓可以學到哪些主流框架呢？

Angular

橫跨所有平臺

學會用 Angular 構建應用，然后把這些代碼和能力復用在多種多種不同平臺的應用上 —— Web、移動 Web、移動應用、原生應用和桌面原生應用。

速度與性能

通過 Web Worker 和服務端渲染，達到在如今(以及未來）的 Web 平臺上所能達到的最高速度。

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

2、React

這個框架本身比較容易理解，他的結構很清晰，就是由十幾個API組成，然后異步渲染，我們只需要處理好接口和維護就好了，但是很多人反映上手還是有一定的的難度的。React是單向數據流，代碼寫起來會較雙向數據流的多一些，但是同樣的排查問題時思路清晰很多。

3、Vue

號稱是最簡單，最容易上手的框架，同時也是行內的大趨勢，還可以用來開發最火的小程序。同時他也是雙向數據流。有些人認為Vue是Angular和React的結合，既有Angular的模板語法也有React的組件化體系。

上邊的者三種框架目前是前端培訓機構教學的主流框架，也是現今企業應用比較廣泛的前端框架。

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

bootstrap是twitter出的一款不錯的UI框架，或者與其說是框架不如說是類庫（lib），當然這里邊牽扯到一個“究竟什么是框架什么是類庫？”的問題，我們暫時不談。畢竟是有大公司背景的代碼堆，我覺得沒什么“落伍”可言。

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

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

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

前端框架各有所長，看你需要那個。

對于一個程序員來學選擇一款好用的開發工具可以大大提高工作效率，底層前端框架領域中早先jquery稱霸，近年MVVM類型的框架成為主流，Vue、React和Angular三大框架較為常見。今天小編就介紹一些JS前端開發框架供大家選擇：

一、 Foundation框架

Foundation框架比Bootstrap略顯高大上一點，但他們倆的設計理念都非常清楚，Bootstrap有引導，嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱，給項目中強有力的創造與支持。相對于Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是即使你使用預定義的UI元素，也不應該與大家的網站長得太像。

二、 Bootstrap

Bootstrap在業界非常受歡迎，以致于有很多前端框架都在其基礎上開發，如WeX5就是在Bootstrap源碼基礎上優化而來。Bootstrap是基于HTML、CSS和Javascript的，簡潔靈活使得Web開發更加敏捷。提供優雅的HTML和CSS規范，在jQuery的基礎上進行更加個性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件，其中有模式對話框、標簽頁、滾動條和彈出框等。

三、Curl

Curl是一個命令行工具，用于通過HTTP(s)、FTP和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。在Web開發中Curl經常和RESTfulAPI一起使用用于測試連接。

四、Tree

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

五、Tmux

根據維基的解釋，Tmux是一個終端復用器。通俗的說，它是一個能將多個終端連接到單個終端會話的工具。Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，并將多個終端連接到同一個會話，使其保持同步。在遠程服務器上工作時，Tmux特別有用，允許用戶創建新的選項卡而無需再次登錄。

六、du

du命令用于生成關于文件和目錄的空間使用情況的報告。du很容易使用，可以遞歸地運行，遍歷每個子目錄并返回每個文件的大小。du常見用例：當某個驅動器的空間不足，用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間，從而找到占用最大空間的存儲器。

七、 AUI

AUI專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易于擴展使用。遵循GoogleMaterial設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。

八、AmazeUI

據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。AmazeUI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。

九、FrozenUI

FrozenUI是一款開源簡單易用，輕量敏捷的移動端框架。基于手Q樣式規范，目前全面應用于企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。

程序員在不同業務場景下的角色互換，需要掌握多種開發工具，因此多了解一些JS前端開發框架對于工作非常有幫助。想要學習前端的框架，可以私信我哦~~

前端三大框架各有優缺，那我們去重點攻克哪個框架能更好的助于我們找工作呢？

可以從以下幾個方面考慮：

1.編程范式：

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

「React」萬物皆組件，做什么都要用到組件，組建拼合起來就是常見的應用。

「Vue」對初學者非常友好，把所有的業務邏輯代碼都放到vue .js文件下，干起活來非常爽。

2.技術背景：

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

「React」由臉書Facebook支持，有專門的團隊維護。

「Vue」尤雨溪大神個人產品，背后是ucloud，是ucloud技術顧問。

3.程序生態：

「angular」 是全家桶，支持獨立開發程序。

「React」屬于散架，需要全網拼接第三方組件開發程序。

「Vue」屬于半桶水，有官方支持亦可從全網生態找組件來用。

4.技術比較：

「angular」和「Vue」 都是基于模版編寫，解析模版會耗費一定時間。

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

【總結】

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

希望以上的回答對你有所幫助！

1.react框架:

create-react-app+antd（antd PC，移動端都有）

umi+dva+antd

ant design pro（管理系統）

ReactNative（app混合開發）

2.vue框架：

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

vue-element-admin（管理系統）

vue-cli3+cordova或者weex（app混合開發）

3.Flutter（app混合開發）

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