長(zhǎng)沙web前端培訓(xùn)機(jī)構(gòu)實(shí)力排名

長(zhǎng)沙web前端培訓(xùn)機(jī)構(gòu)實(shí)力排名，今天小編要跟大家分享的文章是關(guān)于Web前端常用的主流框架匯總。本文將帶大家大家熟悉前端中的7種框架。在了解框架之前，大家至少要知道前端中的這三個(gè)部分：HTML，CSS，JavaScript。

長(zhǎng)沙web前端培訓(xùn)機(jī)構(gòu)實(shí)力排名

長(zhǎng)沙火星時(shí)代于1994年出版CG教材——《三維動(dòng)畫(huà)速成》，創(chuàng)辦“火星人”品牌，成立“王琦電腦動(dòng)畫(huà)工作室”，秉承“分享”的理念，把更多的CG技術(shù)分享給其他人，開(kāi)啟了中國(guó)CG教育元年。火星時(shí)代教育是較早進(jìn)入中國(guó)數(shù)字藝術(shù)領(lǐng)域的企業(yè)。27年來(lái)，火星時(shí)代教育攜手眾多國(guó)內(nèi)外知名企業(yè)，大力培養(yǎng)數(shù)字藝術(shù)設(shè)計(jì)人才，共同推動(dòng)了中國(guó)數(shù)字藝術(shù)創(chuàng)意產(chǎn)業(yè)的發(fā)展。

Web前端常用的主流框架匯總

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

HTML(超文本標(biāo)記語(yǔ)言——HyperText Markup Language)是構(gòu)成 Web

世界的基石。HTML是一種基礎(chǔ)技術(shù)，常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計(jì)令人賞心悅目的網(wǎng)頁(yè)、網(wǎng)頁(yè)應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶(hù)界面。

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

層疊樣式表(英文全稱(chēng)：Cascading Style

Sheets)是一種用來(lái)表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

JavaScript:負(fù)責(zé)交互，用戶(hù)和網(wǎng)頁(yè)產(chǎn)生的互動(dòng)由它來(lái)控制

一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言，內(nèi)置支持類(lèi)型。它的解釋器被稱(chēng)為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶(hù)端的腳本語(yǔ)言，較早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。

Web前端發(fā)展至今，演變出了無(wú)數(shù)的庫(kù)和框架;說(shuō)到庫(kù)時(shí)間想到的是不是jquery?今天我們就來(lái)說(shuō)說(shuō)前端發(fā)展到現(xiàn)在都有哪些好用的庫(kù)框架，下面來(lái)和小編一起看一看吧!

框架一：Vue.js

近幾年較火的前端框架當(dāng)屬Vue.js了，Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 Web 界面的漸進(jìn)式框架。Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。很多使用過(guò)vue的程序員這樣評(píng)價(jià)它，“vue.js兼具angular.js和react.js的優(yōu)點(diǎn)，并剔除了它們的缺點(diǎn)”。授予了這么高的評(píng)價(jià)的vue.js，也是開(kāi)源世界華人的驕傲，因?yàn)樗淖髡呤俏恢袊?guó)人--尤雨溪。

框架二：Bootstrap

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

框架三：Layui

Layui是一款口碑的Web彈層組件，是一款采用自身模塊規(guī)范編寫(xiě)的前端 UI 框架，遵循原生 HTML/CSS/JS

的書(shū)寫(xiě)與組織形式，門(mén)檻極低，拿來(lái)即用。Layui版本發(fā)布于2016年秋，它區(qū)別于那些基于 MVVM 底層的 UI 框架，從核心代碼到 API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的開(kāi)發(fā)。

框架四：Element-UI

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

框架五：Mint UI

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

框架六：Angular

AngularJS誕生于2009年,由Misko Hevery

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

框架七：React

React 可以非常輕松地創(chuàng)建用戶(hù)交互界面。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡(jiǎn)潔的視圖,在數(shù)據(jù)改變時(shí) React也可以地更新渲染界面。因?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)源了。

上面就是比較常用的7種Web前端主流框架，相信每個(gè)前端工程師都有接觸過(guò)這幾種庫(kù)框架中的幾種。

框架是一種約束，也是一種較佳實(shí)踐。讓你在團(tuán)隊(duì)開(kāi)發(fā)中，不能怎么寫(xiě)，必須怎么寫(xiě)，推薦怎么寫(xiě)。而庫(kù)是一種代碼復(fù)用的方式，把某些代碼段、函數(shù)、功能封裝起來(lái)，你可以開(kāi)箱即用。學(xué)會(huì)幾種庫(kù)框架，復(fù)雜的前端也會(huì)變得簡(jiǎn)單。