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

本文收藏了曾经使用过和还没使用过的一些库、插件、工具等,会不断更新!

色彩

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

工具虽多,可不要贪用哦!为了节约资源,请谨慎使用!!


0%