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

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

1.程式設計正規化：

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

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

「Vue」對初學者非常友好，把所有的業務邏輯程式碼都放到vue .js檔案下，幹起活來非常爽。

2.技術背景：

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

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

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

3.程式生態：

「angular」 是全家桶，支援獨立開發程式。

「React」屬於散架，需要全網拼接第三方元件開發程式。

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

4.技術比較：

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

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

【總結】

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

基礎部分大致需要學習以下幾個方向的內容：

JavaScript（TypeScript也可以順帶學習）

HTML5

CSS3

Node.js

前端框架部分可以選自己喜歡或者結合工作需要有選擇性的學習，目前流行的前端框架有：

jQuery

Vue

AngularJS

React

等等

就目前來說，比較流行且常用的Web前端框架有Angular、React和Vue。AngularJS透過為開發者呈現一個更高層次的抽象來簡化應用的開發,它主要考慮的是構建CRUD應用,而至少90%的Web應用都是CRUD應用。React是一個用於構建使用者介面的JavaScript庫，也是Web應用程式的檢視層。React擁有較高的效能，程式碼邏輯非常簡單，已經有越來越多的人開始關注和使用它。Vue.js是一套構建資料驅動的Web介面的漸進式框架。Vue的核心庫只關注檢視層，並且非常容易學習，非常容易與其它庫或已有專案整合。

那麼web前端的會學習哪些框架呢？瞭解web前端的課程設定我們可以找到答案。以下是在不同階段所教授的內容以及所能拿到的薪資：

第一階段：前端頁面重構。主要內容包括PC端網站佈局、HTML5+CSS3基礎、WebApp頁面佈局。學完此階段，學員可勝任Web前端開發工程師/前端頁面佈局與重構工程師，就業薪資為4K-6K；

第二階段：JavaScript高階程式設計、PC端全棧開發。主要內容包括原生JavaScript互動功能開發、面向物件進階與ES5/ES6/ES7應用、JavaScript工具庫自主研發、jQuery經典互動特效開發、PHP+MySQL後端基礎、前端工程化與模組化應用等。學完此階段，學員可勝任HTML5大前端工程師、高階HTML5大前端工程師、網站開發工程師、移動前端開發工程師，就業薪資為6K-10K；

第三階段：Node.js後端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid,RN)、Angular前端框架。學完此階段，學員可勝任高階HTML5大前端工程師、全棧工程師、移動前端App開發工程師、微信開發工程師、小程式開發工程師、資料視覺化開發工程師，就業薪資為10K-15K。

目前前端框架使用最多的就是react和vue這兩種。如果樓主真想學習，其實可以花點兒前去報個班系統學習一下~

如今的前端已經不再像以前一樣就是簡單的寫寫頁面和調調樣式而已，現在的前端越來越複雜，知識點越來越豐富。

要做WEB前端，就需要知道前端到底是什麼，需要學習那些知識；前端至少要懂的三個部分：HTML，CSS，JavaScript（簡稱JS），那首先先明確這三個概念：

HTML負責結構，網頁想要表達的內容由html書寫。

CSS負責樣式，網頁的美與醜由它來控制

JS負責互動，使用者和網頁產生的互動由它來控制。

1.Bootstrap中文網

Bootstrap，讓你的頁面更簡潔、直觀、強悍、移動裝置優先的前端開發框架,讓web開發更迅速、更簡單。它還提供了更優雅的HTML和CSS規範，它即是由動態CSS語言Less寫成。有著豐富的網格佈局系統以及豐富的可重用元件，還有強大的支援十幾的JavaScript、jQuery外掛以及元件定製等。

Bootstrap中文網地址：http://www.bootcss.com/

2. Layui

layer是一款口碑極佳的web彈層元件，是一款採用自身模組規範編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。layui 首個版本釋出於2016年秋，她區別於那些基於 MVVM 底層的 UI 框架，從核心程式碼到 API 的每一處細節都經過精心雕琢，非常適合介面的快速開發。

Layui官網地址：https://www.layui.com/

3.ElementUI

Element-Ul是餓了麼前端團隊推出的一款基於Vue.js 2.0 的桌面端UI框架，手機端有對應框架是Mint UI 。適合於Vue的UI框架；

官網地址：http://element-cn.eleme.io/#/zh-CN

4.Mint UI

Mint UI 是 由餓了麼前端團隊推出的 一個基於 Vue.js 的移動端元件庫，Mint UI 包含豐富的 CSS 和 JS 元件，能夠滿足日常的移動端開發需要。透過它，可以快速構建出風格統一的頁面，提升開發效率。

官網地址：http://mint-ui.github.io/

5.angular

AngularJS誕生於2009年,由Misko Hevery 等人建立,後為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模組化、自動化雙向資料繫結、語義化標籤、依賴注入等等。

官網地址：http://www.angularjs.net.cn/

6.React

React 可以非常輕鬆地建立使用者互動介面。為你應用的每一個狀態設計簡潔的檢視,在資料改變時 React 也可以高效地更新渲染介面。React 起源於 Facebook 的內部專案，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設Instagram 的網站。做出來以後，發現這套東西很好用，就在2013年5月開源了。

官網地址：http://react-china.org/

7.vue.js

近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建資料驅動的 web 介面的漸進式框架。Vue.js 的目標是透過儘可能簡單的 API 實現響應的資料繫結和組合的檢視元件。很多使用過vue的程式設計師這樣評價它，“vue.js兼具angular.js和react.js的優點，並剔除了它們的缺點”。授予了這麼高的評價的vue.js，也是開源世界華人的驕傲，因為它的作者是位中國人--尤雨溪

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

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

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

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

熟練掌握 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，就很適合新手入門，裡面的例子也很簡單，基本上每個語法都對應的案例。

一、前端是什麼？

前端即網站前臺部分，也叫前端開發，執行在PC端，移動端等瀏覽器上展現給使用者瀏覽的網頁。隨著網際網路技術的發展，HTML5，CSS3，前端框架的應用，跨平臺響應式網頁設計能夠適應各種螢幕解析度，完美的動效設計，給使用者帶來極高的使用者體驗。

（核心技術：HTML、CSS、JavaScript）

核心技術是前端開發中最基本也是最必須的三個技能。前端的開發中，在頁面的佈局時， HTML將元素進行定義，CSS對展示的元素進行定位，再透過JavaScript實現相應的效果和互動。雖然表面看起來很簡單，但這裡面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。

二、前端都需要學什麼（可以分為八個階段）？

<1>第一階段：

▪ HTML+CSS:

HTML進階、 CSS進階、DIV+CSS佈局、HTML+CSS整站開發、

▪ JavaScript基礎：

Js基礎教程、js內建物件常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

▪ JS基本特效：

常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴選單、瀑布流佈局、滾動事件、滾差檢視。

▪ JS高階特徵：

正則表示式、排序演算法、遞迴演算法、閉包、函式節流、作用域鏈、基於距離運動框架、面向物件基礎、

▪ JQuery：基礎使用

懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI元件基本使用。

<2>第二階段：HTML5和移動Web開發

▪ HTML5：

HTML5新語義標籤、HTML5表單、音訊和影片、離線和本地儲存、SVG、Web Socket、Canvas.

▪ CSS3:

CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、flex佈局、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

▪ Bootstrap:

響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。

▪ 移動Web開發：

跨終端WEB和主流裝置簡介、視口、流式佈局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、手機聚划算頁面、手機滾屏。

<3>第三階段：HTTP服務和AJAX程式設計

▪ WEB伺服器基礎：

伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

▪ AJAX上篇：

Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest物件詳細介紹方法、相容性處理方法、Ajax框架的封裝、Ajax中快取問題、XML介紹和使用、會處理簡單的GET或者POST請求、

▪ AJAX下篇：

JSON和JSON解析、資料繫結和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。

<4>第四階段：面向物件進階

▪ 面向物件終極篇：

從記憶體角度到理解JS面向物件、基本型別、複雜型別、原型鏈、ES6中的面向物件、ES6中變數的作用域（let ，const(宣告變數只讀)，塊級作用域），ES6中函式新特性。

▪ 面向物件三大特徵：

繼承性、多型性、封裝性。

▪ 面向物件中建立物件的五種方法：

自定義物件 、工廠模式建立物件、建構函式、 混合模式創造物件、JSO格式建立物件。

<5>第五階段：封裝一個屬於自己的框架

▪ 框架封裝基礎：

事件流、冒泡、捕獲、事件物件、事件框架、選擇框架。

▪ 框架封裝中級：

運動原理、單物體運動框架、多物體運動框架、運動框架面向物件封裝。

▪ 框架封裝高階和補充：

JQuery框架雛形、可擴充套件性、模組化、封裝屬於傳智自己的框架。

<6>第六階段：模組化元件開發

▪ 面向元件程式設計：

面向元件程式設計的方式、面向元件程式設計的實現原理、面向元件程式設計實戰、基於元件化思想開發網站應用程式。

▪ 面向模組程式設計：

AMD設計規範、CMD設計規範、RequireJS，LoadJS、淘寶的SeaJS。

<7>第七階段：主流的流行框架

▪ Web開發工作流：

GIT/SVN、Vue-cli腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。

▪ 前端主流框架：

Vue.js、Angular.js、React.JS、Bootstrap。

▪ 常用庫：

React.js、Vue.js、JQuery.js。

<8>第八階段:Node.js全棧開發：

▪ 快速入門：

Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制檯程式、非同步程式設計，非阻塞I/O、模組概念，模組管理工具、開發流程，除錯，測試。

▪ 核心模組和物件：

全域性物件global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、檔案流操作、HTTP服務端與客戶端、Socket.IO。

▪ Web開發基礎：

HTTP協議，請求響應處理過程、關係型資料庫操作和資料訪問、非關係型資料庫操作和資料訪問、原生的Node.js開發Web應用程式、Web開發工作流、Node.js開發Blog案例。

▪ 快速開發框架：

Express簡介+MVC簡介、Express常用API、Express路由模組、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。

▪ Node.js開發電子商務實戰：

需求與設計、賬戶模組註冊登入、會員中心模組、前臺展示模組、購物車，訂單結算、線上客服即時通訊模組。

1. Twitter BootStrap （Apache v2.0；響應式）時髦、直觀並且強大的前端框架，讓Web開發變得更加容易。

2. Foundation （MIT；響應式）最先進的響應式前端框架。

3. 960gs（GPL&MIT；響應式）960gs提供了一個簡單的網格系統，適合快速開發。

4. Skeleton（MIT；響應式）非常漂亮的Web模板，適合響應式、移動友好的開發。

5. 99lime HTML KickStart（Free）適合網站快速開發的HTML構建模組。

6. Kube（Free；響應式）面向專業人員的CSS框架。

7. Less Framework（MIT；響應式）自適應的CSS網格系統。

8. Flameinwork（Free）適合懶人開發者的前端微框架。

9. G5 Framework（Free）(x)HTML5、CSS、PHP前端開發框架。

10. Easy Framework（Free）Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。

11. Blueprint（Free）一個旨在減少開發時間的前端框架。

12. YAML（Creative Commons）(x)HTML+CSS框架，適合開發現代化浮動佈局。

13. BlueTrip（Free）一個功能全面、並且美麗的CSS框架，適合於Blueprint搭配使用。

14. YUI3:Grids CSS（BSD）YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設定的四種不同頁面寬度，六種不同的模板。

15. 52framework（Creative Commons）對HTML5支援非常好，簡單易用。

16. elastiCSS（MIT）一個基於Web介面和印刷佈局的簡單CSS框架。

17. Emastic（Free）一個與眾不同的CSS框架。

18. Fluid 960 Gride System（GPL/MIT）Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而建立的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。

19. xCSS（MIT）一個面向物件的CSS框架，能讓你的工作流更加簡潔。xCSS基於CSS，可以在開發複雜樣式時，提供面向物件的工作流。

20. EM CSS Framework（MIT/GPL）EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。

現在最流行的就是 react 和 vue，react 我用的不多，這裡就講下 vue 吧。

vue就是

Vue.js

。Vue (讀音 /vjuː/，類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。

PC 端推薦 ElementUI 和 iView，如果是後臺系統相關的推薦 D2Admin，移動端推薦 uni-app 和有讚的 vant。

前端框架現在是很多可以選擇的，具體要用什麼需要根據專案特點與技術團隊後期維護成本做綜合考慮，不是固定思維的。

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

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

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

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

前端框架更新迭代非常快，而且前端分支也越來越多，所涉及的前端技術越來越複雜，給你推薦幾個比較主流框架供你參考。

一、Vue，這是目前國內最火的前端開發框架，入門比較簡單，各大公司都在使用,網址：https://cn.vuejs.org/；UI元件庫[element ui]推：https://element.eleme.cn/#/zh-CN；

二、React，國內使用率僅次於Vue，這個每一個實現虛擬DOM和單向資料流的框架，也是一箇中高階前端程式設計師比較喜愛的框架，它讓前端開發真正可能沉澱在程式本身的邏輯中，網址：https://react.docschina.org/；UI元件庫[ant design]：https://ant.design/docs/react/introduce-cn；

三、Angular，這個應該更稱得上是一套完整的框架，開發者只需要利用官方提供的腳手架就可以一鍵生成專案，無需額外配置；它是唯一有module和依賴注入概念的，學習成本相對較高，網址：https://angular.cn/；UI元件庫[ant design]：https://ng.ant.design/docs/introduce/zh。

四、uni-app，號稱全平臺解決方案，一套程式碼支援釋出到多個平臺，網址：https://uniapp.dcloud.io/；

五、Taro，也是一個多端解決方案，一套程式碼支援釋出到多個平臺，個人親測對小程式支援較好，https://taro.aotu.io/；

六、Flutter，最近不溫不火的一套跨平臺高效能框架，不過對web前端開發人員不太友好，使用的是Dart語言，需要一些學習成本，期待後期有所改變。

經過行業的發展，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的元件化體系。

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

Web前端工程師能夠在開發中熟練運用前端框架也是必不可少的，使用框架能夠減少開發時間，節約成本，現在比較常用的主流框架有Vue、React、Angular。

現在的Web前端工程師逐漸向全棧工程師發展，全棧工程師就需要在前端開發、後臺開發都有所掌握，對於後臺開發來說，可以學習一些node相關的技術來完成後臺的功能需求。

一、 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上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。

web前端發展至今，演變出了無數的庫和框架；說到庫第一時間想到的是不是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+等。

Bootstraplayui

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是一種基於jQuery、Angular.、Vue和React的使用者介面外掛集合。easyui為建立現代化，互動，JavaScript應用程式，提供必要的功能。使用easyui你不需要寫很多程式碼，你只需要透過編寫一些簡單HTML標記，就可以定義使用者介面。easyui是個完美支援HTML5網頁的完整框架。

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