WEB开发库、插件、工具收藏

本文汇总了一系列优秀的前端开发资源,包括色彩渐变库WebGradients、图表库ECharts与Highcharts、多媒体展示库BigPicture.js等,覆盖色彩搭配、图表绘制、多媒体播放等多个方面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

色彩

WebGradients

GitHub:https://github.com/itmeo/webgradients 
项目主页:https://webgradients.com 
WebGradients 提供了180个渐变色彩,可作为网站任何部分的内容背景。提供多种格式下载,比如 PSD, Sketch, PNG 以及可直接复制 CSS 渐变代码。 
WebGradients

Chroma.js

GitHub:https://github.com/gka/chroma.js 
项目主页:http://gka.github.io/chroma.js/ 
Chroma.js 适用于各种颜色处理的,可实现各种颜色的转换和色阶处理。 
Chroma.js

多媒体

BigPicture.js

GitHub:https://github.com/henrygd/bigpicture 
DEMO:https://henrygd.me/bigpicture/ 
BigPicture.js 支持本地和在线的图片、视频,回调函数(animationStart, animationEnd)。 
BigPicture.js

2.2 Viewer.js

GitHub(JS 版本):https://github.com/fengyuanchen/viewerjs 
GitHub(jQuery 版本):https://github.com/fengyuanchen/viewer 
Viewer.js 支持缩放旋转等,回调函数(build, built, show, shown, hide, hidden, view, viewed)。 
Viewer.js

baguetteBox.js

GitHub:https://github.com/feimosi/baguetteBox.js 
项目主页:https://feimosi.github.io/baguetteBox.js/ 
baguetteBox.js 支持移动设备、响应式(本站使用)

动画

JavaScript和CSS3 动效库大全 http://www.ui.cn/detail/16348.html 
Web 动画网

图表

ECharts

GitHub:https://github.com/ecomfe/echarts 
官网:http://echarts.baidu.com/ 
ECharts 提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,用于关系数据可视化的关系图,treemap,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。ECharts 3 开始独立出了“坐标系”的概念,支持了直角坐标系(catesian,同 grid)、极坐标系(polar)、地理坐标系(geo)。图表可以跨坐标系存在,例如折、柱、散点等图可以放在直角坐标系上,也可以放在极坐标系上,甚至可以放在地理坐标系中。 
ECharts

Highcharts

官网:https://www.highcharts.com/ 
Highcharts 是国外的一款功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库。Highcharts针对个人用户及非商业用途免费,商业用途需要购买授权。

AntV

GitHub:https://github.com/antvis/ 
官网:https://antv.alipay.com/zh-cn/index.html 
AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。 
PC端——G2、移动端——F2、关系图类库——G6

其他(代码高亮、提示框、打字效果、数据处理)

代码高亮

highlight.js

GitHub:https://github.com/isagalaev/highlight.js 
官网:https://highlightjs.org/ 
highlight.js

提示框

balloon.css

GitHub:https://github.com/kazzkiq/balloon.css (本站使用) 
balloon.css

打字效果

TheaterJS

GitHub:https://github.com/Zhouzi/TheaterJS 
DEMO:https://codepen.io/Zhouzi/pen/JoRazP 
TheaterJS

typing.js

GitHub:https://github.com/coffeedeveloper/typing.js 
项目主页:http://coffeedeveloper.github.io/typing.js/ 
DEMO:http://coffeedeveloper.github.io/typing.js/demo.html 
带闪烁效果的代码书写DEMO:http://coffeedeveloper.github.io/typing.js/demo2.html 
typing.js

数值处理

decimal.js

GitHub:https://github.com/MikeMcl/decimal.js 
项目主页:http://mikemcl.github.io/decimal.js/ 
任意精度的数值运算,功能齐全 
decimal.js

日期处理

Moment.js

GitHub:https://github.com/moment/moment/ 
中文网:http://momentjs.cn/

date-fns

GitHub:https://github.com/date-fns/date-fns 
中文介绍:https://coyee.com/article/12360-introduction-to-date-fns-a-lightweight-javascript-date-library

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值