web 常用开发工具

• he把字符转化为实体字符
• awesome-vue Vue资源
• clipboard.js 粘贴板
• Share.js 一键分享
• nock 模拟异步数据
• Clamp.js 限制文本最大行数
• pinyin 将汉字转化为拼音
• pinyinjs 汉字与拼音互转的小巧web工具库
• localforage 浏览器缓存数据库
• phaser H5游戏框架
• fastclick 手机端click无300ms延迟
• Faker 获取假数据
• bodymovin 将动画导出为SVG + JavaScript或canvas + JavaScript
• validator 字符串验证
• handsontable 电子表格的数据网格编辑器 Excel
• hotkeys 监听键盘按键
• vConsole 手机端调试
• Wordnik API 请求定义，例句，拼写建议，同义词和反义词（和其他相关词），单词短语，发音，随机单词，当天的单词等等
• 颜色对比度查询

ui库

• ant ui https://ant.design/docs/react/introduce-cn
• react-material-ui https://material-ui.com/getting-started/installation/
• google图标 https://google.github.io/material-design-icons/
• clippy生成CSS的clip-path属性值 https://bennettfeely.com/clippy/
• 免费下载 logo https://worldvectorlogo.com/zh
• masonry 创建瀑布流的工具 http://www.bootcdn.cn/masonry/
• typeahead.js 搜索数据展示类容 http://www.bootcdn.cn/typeahead.js/
• dropzone 处理文件拖拽上传 http://www.bootcdn.cn/dropzone/
• highlight.js 自动高亮页面中的代码 http://www.bootcdn.cn/highlight.js/
• dragula.js库 拖拽 http://www.bootcdn.cn/dragula/
• Sortable 拖拽 http://www.bootcdn.cn/Sortable/
• cssgr学习grid布局
• CSSgram 使用CSS直接使用类似Instagram的过滤器编辑图像的库 https://github.com/una/CSSgram
• iconfinder 图标网站 https://www.iconfinder.com
• 介绍网站功能 intro.js
• darkmodejs 在几秒钟内将暗模式/夜间模式添加到您的网站
• Glider.js 具有分页控件，方法和事件的快速，轻便，无依赖，响应，可访问，可扩展的本机滚动列表

富文本编辑器

• wangeditor 富文本编辑器 http://www.wangeditor.com/index.html
• quill 富文本编辑器 http://www.bootcdn.cn/quill/
• pell 富文本编辑器 http://www.bootcdn.cn/pell/
• markdown编辑器 http://www.bootcdn.cn/marked/
• 网页上的代码编辑器 http://www.bootcdn.cn/codemirror/

动画库

• animejs http://www.bootcdn.cn/animejs/
• parallax 鼠标移动视觉差
• skrollr.js 页面滚动视觉差库
• rellax 页面滚动视觉差库
• hover.css http://www.bootcdn.cn/hover.css/
• Animate.css
• Headroom.js隐藏您的标题，直到您需要它
• hammer.js 移动端旋转，放大功能 https://github.com/hammerjs/hammer.js
• IScroll 平滑滚动网页 https://github.com/cubiq/iscroll
• particles.js粒子动画js库
• scrollReveal.js 进入视口加载动画 http://www.bootcdn.cn/scrollReveal.js/
• 页面加载时的进度条 http://www.bootcdn.cn/nprogress/
• pace页面加载动画 http://www.bootcdn.cn/pace/
• enter-view.js 检测元素何时进入视图
• fullPage.js 全屏插件 http://www.bootcdn.cn/fullPage.js/
• reveal.js 网页PPT http://www.bootcdn.cn/reveal.js/
• gsap GreenSock动画平台 cdn
• scroll-out 当视图进入页面，设置动画
• ScrollMagic 页面滚动交互 github
• jump.js 现代化的平滑滚动库
• Sal.js 轻量级滚动动画库

二维码

• jquery.qrcode 二维码生成器 http://www.bootcdn.cn/jquery.qrcode/
• qrcode-generator 也是个二维码生成器 https://github.com/kazuhikoarase/qrcode-generator/tree/master/js

媒体资源

视频

• APlayer HTML5 音乐播放器
• DPlayer 弹幕视频播放器
• video.js 视频播放器 http://www.bootcdn.cn/video.js/
• plyr 视频播放器 http://www.bootcdn.cn/plyr/
• flv.js 使用纯 JavaScript 写的 HTML5 Flash 视频（flv）播放器 http://www.bootcdn.cn/flv.js/

图片

• 全景查看 https://krpano.com/
• 图片浏览 photoswipe.js http://www.bootcdn.cn/photoswipe/
• swiper.js中文网 http://www.swiper.com.cn/
• tesseract.js 识别图片中的文字的js库 http://www.bootcdn.cn/tesseract.js/
• jspdf 用js构建PDF http://www.bootcdn.cn/jspdf/
• smartcrop 截取图片关键位置 http://www.bootcdn.cn/smartcrop/
• 图片毛玻璃效果 http://www.bootcdn.cn/rainyday.js/ http://www.bootcdn.cn/rainyday.js/
• html2canvas 对dom截图 http://www.bootcdn.cn/html2canvas/
• gka 生成雪碧图动画
• wScratchPad.js 一个jQuery插件，用于模仿刮刮卡或便签行为。允许您以彩色或图像形式刮擦覆盖层。

音频

• howler 现代网络的Javascript音频库 http://www.bootcdn.cn/howler/

时间日期

• pikaday 日期选择控件 http://www.bootcdn.cn/pikaday/
• flatpickr [时间选择器 http://www.bootcdn.cn/flatpickr/
• moment.js 处理日期的库 http://www.bootcdn.cn/moment.js/ http://momentjs.cn/
• Day.js https://github.com/iamkun/dayjs