首頁(yè)技術(shù)文章正文

web前端主流框架都有哪些？這幾個(gè)框架你必須知道

更新時(shí)間:2019年04月15日09時(shí)31分來源:web前端主流框架瀏覽次數(shù):

如今的前端已經(jīng)不再像以前一樣就是簡(jiǎn)單的寫寫頁(yè)面和調(diào)調(diào)樣式而已，現(xiàn)在的前端越來越復(fù)雜，知識(shí)點(diǎn)越來越豐富。

要做WEB前端，就需要知道前端到底是什么，需要學(xué)習(xí)那些知識(shí)；前端至少要懂的三個(gè)部分：HTML，CSS，JavaScript（簡(jiǎn)稱JS），那首先先明確這三個(gè)概念：

·HTML負(fù)責(zé)結(jié)構(gòu)，網(wǎng)頁(yè)想要表達(dá)的內(nèi)容由html書寫；

·CSS負(fù)責(zé)樣式，網(wǎng)頁(yè)的美與丑由它來控制；

·JS負(fù)責(zé)交互，用戶和網(wǎng)頁(yè)產(chǎn)生的互動(dòng)由它來控制。

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

1.Bootstrap

Bootstrap讓你的頁(yè)面更簡(jiǎn)潔、直觀、強(qiáng)悍、移動(dòng)設(shè)備優(yōu)先的前端開發(fā)框架,讓web開發(fā)更迅速、更簡(jiǎn)單。它還提供了更優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語言Less寫成。有著豐富的網(wǎng)格布局系統(tǒng)以及豐富的可重用組件，還有強(qiáng)大的支持十幾的JavaScript、jQuery插件以及組件定制等。

2.Layui

layer是一款口碑極佳的web彈層組件，是一款采用自身模塊規(guī)范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。layui 首個(gè)版本發(fā)布于2016年秋，她區(qū)別于那些基于 MVVM 底層的 UI 框架，從核心代碼到 API 的每一處細(xì)節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。

3.ElementUI

Element-Ul是餓了么前端團(tuán)隊(duì)推出的一款基于Vue.js 2.0 的桌面端UI框架，手機(jī)端有對(duì)應(yīng)框架是Mint UI 。適合于Vue的UI框架；

4.Mint UI

Mint UI 是由餓了么前端團(tuán)隊(duì)推出的一個(gè)基于 Vue.js 的移動(dòng)端組件庫(kù)，Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動(dòng)端開發(fā)需要。通過它，可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁(yè)面，提升開發(fā)效率。

5.angular

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

6.React

React 可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖,在數(shù)據(jù)改變時(shí) React 也可以高效地更新渲染界面。因?yàn)樵摴緦?duì)市場(chǎng)上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設(shè)Instagram 的網(wǎng)站。做出來以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月開源了。

7.vue.js

近幾年最火的前端框架當(dāng)屬Vue.js了，Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架。Vue.js 的目標(biāo)是通過盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。很多使用過vue的程序員這樣評(píng)價(jià)它，“vue.js兼具angular.js和react.js的優(yōu)點(diǎn)，并剔除了它們的缺點(diǎn)”。授予了這么高的評(píng)價(jià)的vue.js，也是開源世界華人的驕傲，因?yàn)樗淖髡呤俏恢袊?guó)人--尤雨溪
上面就是比較常用的幾個(gè)web前端主流框架，如果你對(duì)web前端感興趣，并且想通過web前端來工作。建議您可以直接參加傳智播客的web前端培訓(xùn)班。