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

你可能感兴趣的:(web 常用开发工具)