js常用工具类

  1. lodash 一个一致性、模块化、高性能的 JavaScript 实用工具库。

  2. ramda 一个很重要的库,提供了许多有用的方法,每个 JavaScript 程序员都应该掌握这个工具

  3. day.js 一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样, 体积只有2kb

  4. big.js 一个小型,快速的JavaScript库,用于任意精度的十进制算术运算

  5. decimal.js 实现 JavaScript 的任意精度的十进制类型库

  6. qs 一个 url参数转化 (parse和stringify)的轻量级js库

  7. emoji-mart 表情库

  8. html2md html转MD

  9. turndown 使用 JavaScript 将 HTML 转换为 Markdown

  10. CountUp.js 数字滚动插件

  11. **vue-countTo**是一个没有依赖的轻量级vue组件,数字滚动插件

  12. numberscroller 类似老虎机的数字滚动组件

dom库

  1. JQuery 封装了各种dom/事件操作, 设计思想值得研究借鉴

  2. zepto jquery的轻量级版本, 适合移动端操作

  3. fastclick 一个简单易用的库,它消除了移动端浏览器上的物理点击和触发一个 click 事件之间的 300ms 的延迟。目的就是在不干扰你目前的逻辑的同时,让你的应用感觉不到延迟,反应更加灵敏。

  4. js-dom 一款可在 Node 环境下模拟浏览器的 API 的库

文件处理

  1. file-saver 一个在客户端保存文件的解决方案,非常适合在客户端上生成文件的Web应用程序

  2. SheetJs 一个强大的解析和编写excel文件的库

网络请求

  1. Axios 一个基于 Promise 的 HTTP 库,可用在 Node.js 和浏览器上发起 HTTP 请求,支持所有现代浏览器,甚至包括 IE8+

  2. Superagent 基于Ajax的优化, 可以与 Node.js HTTP 客户端搭配使用

  3. fly.js 一个基于promise的http请求库, 可以用在node.js, Weex, 微信小程序, 浏览器, React Native中

动画库

  1. Anime.js 一个JavaScript动画库,可以处理CSS属性,单个CSS转换,SVG或任何DOM属性以及JavaScript对象

  2. Velocity 一个高效的 Javascript 动画引擎,与jQuery的 $.animate() 有相同的API, 同时还支持彩色动画、转换、循环、画架、SVG支持和滚动等效果

  3. Vivus 一个零依赖的JavaScript动画库,可以让我们用SVG制作动画,使其具有被绘制的外观

  4. GSAP 一个JavaScript动画库,用于创建高性能、零依赖、跨浏览器动画,已在超过400万个网站上使用, 并且可以在React、Vue、Angular项目中使用

  5. Scroll Reveal 零依赖,为 web 和移动浏览器提供了简单的滚动动画,以动画的方式显示滚动中的内容

  6. Kute.js 一个强大高性能且可扩展的原生JavaScript动画引擎,具有跨浏览器动画的基本功能

  7. Typed.js 一个轻松实现打字效果的js插件

  8. fullPage.js 一个可轻易创建全屏滚动网站的js滚动动画库, 兼容性无可替代

  9. iscroll 移动端使用的一款轻量级滚动插件

  10. csshake 一个能够震动和晃动DOM元素的 CSSku 库

  11. hint.css 一个用纯 css 和 html 实现的提示库

  12. swiper.js 一款强大的 js 跨端触摸滑动插件

  13. Lottie 一个用于 Android,iOS,Web 和 Windows 的库,用于解析使用 Bodymovin 导出为 json 的 Adobe After Effects 动画,并在移动设备和网络上呈现它们

  14. SVGA - 跨平台高性能动画解决方案,同时兼容 iOS / Android / Web

  15. Galacean Effects (简称 GE)是一款由蚂蚁集团出品的专注于移动端的在线化动效方案

鼠标/键盘相关

KeyboardJS 一个在浏览器中使用的库(与node.js兼容).它使开发人员可以轻松设置键绑定和使用组合键来设置复杂的绑定.

SortableJS 功能强大的JavaScript 拖拽库

mixitup 强大且高性能的列表卡片排序动画库

InteractJS, 是一个JavaScript模块,它为最新的浏览器(包括IE8以上版本)增加了拖放、缩放和多点触控手势,并带有惯性和快照功能。这个库的主要目的是替换jQuery UI所提供的功能。 因此,使用InteractJS来编写的web应用在智能手机和平板上会更加易用。 InteractJS是一个轻量级的库,可以与SVG技术协作,处理多点触控输入,而把渲染元素以及设置其样式的任务留给了应用程序。

图形/图像处理库

html2canvas 一个强大的使用js开发的浏览器网页截图工具
dom-to-image 一个可以将任意DOM节点转换为用JavaScript编写的矢量(SVG)或光栅(PNG或JPEG)图像的库
pica 一个在浏览器中调整图像大小,而不会出现像素失真,处理速度非常快的图片处理库
Lena.js 一个轻量级的可以给你图像加各种滤镜的js库
Compressor.js 一个使用本地canvas.toBlob API进行图像有损压缩的js库
Fabric.js 一个易于使用的基于HTML5 canvas元素的图片编辑器
merge-images 一个将多张图片合并成一张图的js插件
cropperjs 一款强大的图片裁切库, 支持灵活的图片裁切方式
Grade 一个基于图像中的前2种主要颜色生成互补渐变背景的库

表单表格

「x-spreadsheet」 一个基于 web 的简单易用的表格插件
Validator.js 一个强大的 js 表单校验库

数据可视化

AntV 包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范, 提供强大的数据可视化需求
G2Plot 基于 G2 封装的开箱即用的可视化组件库
recharts 使用 React 和 D3 构建的自定义的图表库
Viser 支持多种主流框架的可视化库

编辑器相关

braft-editor 富文本编辑器
h5-dooring H5 页面编辑器
GGEditor 可视化图编辑器
react-codemirror2 代码编辑器
jsoneditor json 编辑器
mavon-editor 一款基于 Vue 的 markdown 编辑器,支持所见即所得

地图相关

google-map-react 谷歌地图插件
react-amap 高德地图插件
react-baidu-map 百度地图

音视频工具

video.js 是一款为 HTML5 世界从头做起的网络视频播放器。 它支持 HTML5 视频和媒体源扩展,以及 YouTube 和 Vimeo 等其他播放技术

H5 活动插件

lucky-canvas 大转盘、刮刮乐、九宫格

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐