熱門(mén)的前端框架有哪些

這篇文章給大家分享的是有關(guān)熱門(mén)的前端框架有哪些的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

目前最熱門(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)建用戶接口的直觀、快速、簡(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)建用戶界面的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 - 開(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/

感謝各位的閱讀！關(guān)于熱門(mén)的前端框架有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！