幾款目前最熱門(mén)的前端框架

前端框架

1、bootstrap

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

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

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

2、vue

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

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

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

3、angular.js

? Google推出的MVVM框架,它會(huì)通過(guò)雙向數(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)建用戶(hù)界面的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 layui框架下的一個(gè)彈出層框架 pc和移動(dòng)端都可使用 簡(jiǎn)潔方便

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

3、video.js

? Video.js - 開(kāi)源的 HTMl5 和 Flash 視頻播放器

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

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

? ? css框架

1、animate.css

? 跨瀏覽器的CSS3動(dòng)畫(huà)庫(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)畫(huà)效果,可運(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ì)開(kāi)發(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/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容