前端框架除了layui还有哪些

这篇博客列举了当前最热门的前端框架,包括Bootstrap、Vue、Angular.js、React和Webpack。此外,还介绍了UI框架如React-Native、Layer和Video.js,CSS框架Animate.css和Font-Awesome,以及可视化视图框架D3、Three.js和Echarts。无论你是寻找新的开发工具还是想要了解前端领域的最新趋势,这篇文章都是宝贵的资源。

5d26fb97d9fca805.jpg

目前最热门的前端框架

1、bootstrap

目前最流行的 HTML, CSS 和 JavaScript 框架,用于开发响应式,移动端先行的 web 项目

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

官网:http://getbootstrap.com/

2、vue


一个用以创建用户接口的直观、快速、简洁的 MVVM 框架

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

官网:https://vuejs.org/

3、angular.js


Google推出的MVVM框架,它会通过双向数据绑定自动从你的UI(视图)同步数据到javascript模型。

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

官网:https://angularjs.org/

4、react


Facebook 推出的一款声明式的,高效的,灵活的用于创建用户界面的JavaScript 库

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

官网:https://reactjs.org/

5、webpack


一个现代 JavaScript 应用程序的静态模块打包器

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

官网:https://webpack.js.org/

UI框架

1、react-native


一个基于 React 的创建原生APP的框架,它使用与React相同的设计,允许您从声明性组件组成丰富的移动UI。

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

官网:http://facebook.github.io/react-native/

2、layer


layui框架下的一个弹出层框架 pc和移动端都可使用 简洁方便

官网:http://layer.layui.com/

3、video.js


Video.js - 开源的 HTMl5 和 Flash 视频播放器

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

官网:https://videojs.com/

相关推荐:《layui框架教程》

css框架

1、animate.css


跨浏览器的CSS3动画库,使用方便

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

官网:https://daneden.github.io/animate.css/

2、Font-Awesome


图标字体和 CSS 套件,Font Awesome 是一整套包含 585 个象形矢量图标的字体库,由 Dave Gandy 创建和维护,在Twitter上保持更新最新版本的发布

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

官网:https://fontawesome.com/?from=io

3、Hover


CSS3鼠标移到元素上面的动画效果,可运用在超链接、按钮、logo、SVG、图片等等。能够很方便地使用在你自己的元素上,支持 CSS、Sass、LESS

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

官网:https://ianlunn.github.io/Hover/

4、metro-ui-css


用于构建Windows 8 Metro UI样式界面的CSS样式

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

官网:https://metroui.org.ua/examples.html

可视化视图框架

1、d3


一个针对 HTML 和 SVG 的 JavaScript 可视化库

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

官网:https://d3js.org/

2、three.js


JavaScript 3D 库,该项目旨在创建一个轻量的,易用的 3D 图形库

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

官网:https://threejs.org/

3、echarts


百度团队开发的一款商业级数据图表

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

官网:http://echarts.baidu.com/

4、Chart.js

使用 标签的简洁的HTML5图表

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

官网:https://www.chartjs.org/

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吾欲乘风归去,又恐琼楼玉宇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值