前端框架除了layui還有什么框架

這篇文章主要介紹前端框架除了layui還有什么框架，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

目前最熱門的前端框架

1、bootstrap

目前最流行的 HTML, CSS 和 JavaScript 框架，用于開發(fā)響應(yīng)式，移動(dòng)端先行的 web 項(xiàng)目

gethub：https://github.com/twbs/bootstrap

官網(wǎng)：http://getbootstrap.com/

2、vue

一個(gè)用以創(chuàng)建用戶接口的直觀、快速、簡(jiǎn)潔的 MVVM 框架

gethub：https://github.com/vuejs/vue

官網(wǎng)：https://vuejs.org/

3、angular.js

Google推出的MVVM框架，它會(huì)通過雙向數(shù)據(jù)綁定自動(dòng)從你的UI（視圖）同步數(shù)據(jù)到j(luò)avascript模型。

gethub：https://github.com/angular/angular.js

官網(wǎng)：https://angularjs.org/

4、react

Facebook 推出的一款聲明式的，高效的，靈活的用于創(chuàng)建用戶界面的JavaScript 庫(kù)

gethub:https://github.com/facebook/react

官網(wǎng)：https://reactjs.org/

5、webpack

一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器

gethub：https://github.com/webpack/webpack

官網(wǎng)：https://webpack.js.org/

UI框架

1、react-native

一個(gè)基于 React 的創(chuàng)建原生APP的框架，它使用與React相同的設(shè)計(jì)，允許您從聲明性組件組成豐富的移動(dòng)UI。

gethub：https://github.com/facebook/react-native

官網(wǎng)：http://facebook.github.io/react-native/

2、layer

layui框架下的一個(gè)彈出層框架 pc和移動(dòng)端都可使用 簡(jiǎn)潔方便

官網(wǎng)：http://layer.layui.com/

3、video.js

Video.js - 開源的 HTMl5 和 Flash 視頻播放器

gethub：https://github.com/videojs/video.js

官網(wǎng)：https://videojs.com/

相關(guān)推薦：《layui框架教程》

css框架

1、animate.css

跨瀏覽器的CSS3動(dòng)畫庫(kù)，使用方便

gethub：https://github.com/daneden/animate.css

官網(wǎng)：https://daneden.github.io/animate.css/

2、Font-Awesome

圖標(biāo)字體和 CSS 套件，F(xiàn)ont Awesome 是一整套包含 585 個(gè)象形矢量圖標(biāo)的字體庫(kù)，由 Dave Gandy 創(chuàng)建和維護(hù)，在Twitter上保持更新最新版本的發(fā)布

gethub：https://github.com/FortAwesome/Font-Awesome

官網(wǎng)：https://fontawesome.com/?from=io

3、Hover

CSS3鼠標(biāo)移到元素上面的動(dòng)畫效果，可運(yùn)用在超鏈接、按鈕、logo、SVG、圖片等等。能夠很方便地使用在你自己的元素上,支持 CSS、Sass、LESS

gethub：https://github.com/IanLunn/Hover

官網(wǎng)：https://ianlunn.github.io/Hover/

4、metro-ui-css

用于構(gòu)建Windows 8 Metro UI樣式界面的CSS樣式

gethub：https://github.com/olton/Metro-UI-CSS

官網(wǎng)：https://metroui.org.ua/examples.html

可視化視圖框架

1、d3

一個(gè)針對(duì) HTML 和 SVG 的 JavaScript 可視化庫(kù)

gethub：https://github.com/d3/d3

官網(wǎng)：https://d3js.org/

2、three.js

JavaScript 3D 庫(kù)，該項(xiàng)目旨在創(chuàng)建一個(gè)輕量的，易用的 3D 圖形庫(kù)

gethub：https://github.com/mrdoob/three.js

官網(wǎng)：https://threejs.org/

3、echarts

百度團(tuán)隊(duì)開發(fā)的一款商業(yè)級(jí)數(shù)據(jù)圖表

gethub：https://github.com/apache/incubator-echarts

官網(wǎng)：http://echarts.baidu.com/

4、Chart.js

使用<canvas> 標(biāo)簽的簡(jiǎn)潔的HTML5圖表

gethub：https://github.com/chartjs/Chart.js

官網(wǎng)：https://www.chartjs.org/

以上是“前端框架除了layui還有什么框架”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！