开源JavaScript插件和库速查表
图片
|
baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demo photo-editor - 是一个本地图片编辑器插件。demo |
布局
|
SuperEmbed.js - 是一个Javascript库，可检测出网页上的内嵌视频并使他们能够变成响应式元素。demo ScrollReveal - ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画。demo |
轮播图
|
Lory - 是一个由 Vanilla JavaScript 编写的拥有触摸功能的简约滑块。demo baguetteBox.js - 是一个简单、易用的响应式 Lightbox 图片库，它支持移动端上触滑动手势操作，无依赖。demo |
弹出层
|
Popper.js - 是一个轻量级的库用于管理工具提示和弹窗效果。demo SweetAlert2 - 是一个颜值很高而且可以自定义的警告弹出窗口插件，可以代替Javascript的弹出窗口。demo |
音频视频
|
Loud Links - 是一个轻量级的JavaScript库用于添加交互声音到您的站点。demo flv.js - B 站 HTML5 播放器内核开源。 Loud Links - 是一个轻量级 JavaScript 库，用于向您的网站添加交互音频。。demo |
编辑器
|
字符串
|
selecting - 一个允许你获取用户选定文本的库。 string.js - 额外的 JavaScript 字符串方法。demo he - 健壮的 HTML 实体编码/解码器。 multiline - 多行字符串。 query-string - 解析和字符串化 URL 查询字符串。 jsurl - 轻量的 URL 操作库。 sprintf.js - 实现字符串格式化。 url-pattern - 让 url 和其它字符串进行比正则表达式匹配更简单。字符串和数据可相互转化。 |
表单
|
validator.js - 轻量级的JavaScript表单验证，字符串验证。demo List.js - 是一个轻量级的为列表、表格或其他任何HTMLL标签增加了搜索，排序，过滤器和灵活性等元素。demo Algolia Places - 是一个能让你在网页轻易实现搜索栏自动完成功能。demo Cleave.js - 是一个会在你输入时格式化你的 validator.js - 是一个简单、轻量级，但功能强大的 Validator 组件。demo axios - 是一个基于浏览器和node的HTTP请求库，绿色环保只有12kb。 |
存储
|
store.js - 本地存储localstorage的封装，提供简单的API。demo cookie.js - 对操作cookie的封装，提供简单的AIP 兼容IE6。demo store.js - 为所有浏览器封装了LocalStorage，隐秘地使用localStorage、globalStorage和用户数据。 localForage - 改善后的离线存储。封装了IndexedDB、WebSQL和localStorage。demo cross-storage - 获得权限后，能跨域名本地存储。 basket.js - 用 localStorage 加载和缓存脚本的资源加载器。demo bag.js - 可以缓存脚本和加载资源，增加了键值对接口和对localStorage/websql/indexedDB 的支持。 basil.js - 智能的 JavaScript 数据持久层库。 Cookies - 客户端 Cookie 操作库。 DB.js - 基于 Promise 的、封装了 IndexedDB 的库。demo lawnchair.js - 简单的客户端 JSON 存储。demo |
动画
|
anime.js - 是一个灵活轻便的JavaScript动画库。demo loaders.css - CSS 动画加载效果。demo Hover.css - 一款基于 CSS3 的悬停特效合集。demo Effeckt.css - 一个包含众多精妙的 CSS3 切换和动画效果库。demo Magic Animations - 一个独特的 CSS3 动画特效包。demo Transformicons - 一个结合 SVG、CSS 和 HTML 技术，让图标、按钮和符号具有变种（特殊）动画效果的库。demo SpinKit - 一款 CSS 加载动画合集，可高度自定义动画效果。demo d3-ease - 这是一个让动画更为平滑的 Easing 库。 ScrollMagic - 一个用来创建魔幻滚动交互的 JavaScript 库，可以像使用进度条一样使用滚动条。demo ScrollReveal - 一款页面滚动显示动画，可以播放一次也可以播放无限次，能让页面更加有趣，更吸引用户眼球。。demo RELLAX.js - 是一款主打轻量级的纯 JavaScript 视差效果库。demo CountUp.js - 可以用来快速创建以一种更有趣的动画方式显示数值数据。demo Dynamics.js - 可以创建物理运动动画效果 JavaScript 库。demo Mojs - 一个拥有极简的声明式 API ，能够轻松掌控运动轨迹，为运动图形而生的工具库。demo React FLIP Move - 一个翻转移动的库，旨在解决当列表的顺序发生变化时，项目列表动画化的问题。demo vivus - JavaScript库，使SVG绘制动画。demo Choreographer-js - 是一个用于处理复杂动画的简单库。demo |
时间
|
moment - 是一个日期处理类库,用于解析、检验、操作、以及显示日期。demo timesheet.js - 是一个时间展示片段插件。demo date.js - 是一个格式化时间、过去时间展示、解决因时区变更插件。 timeago.js - 格式化时间显示多久以前的插件。 demo rome - 可定制的日期（和时间）选择器。无依赖，可选 UI。 demo moment-timezone - 基于 moment.js 的时区库。demo ms.js - 小巧的毫秒转换工具。 |
其它
|
hotkeys - 是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键。demo clipboard.js - 现代复制到剪贴板。没有Flash，gzip压缩只有3KB 。demo translater.js - 这是一个利用HTML注释的页面翻译解决方案。demo Push.js - 是一个跨浏览器的Javascript桌面通知插件。demo onlinenetwork - js判断是否断网了。 iNotify - 是一个实现浏览器的 title 闪烁、滚动、声音提示、chrome、等系统通知。demo tesseract.js - 是一个文字识别转换，可以运行在浏览器和服务器NodeJS上。demo Leaflet.js - 是一个开源的移动友好交互式地图 JavaScript 库。体积仅有 33 KB。demo CurrencyFormatter.js - 是一款简单纯JS格式化155种不同国家货币格式库，gzip压缩后仅7KB。demo Feature.js - 是一个快速、简单、轻量级的浏览器功能检测库。它没有任何的依赖，并且 gzip 压缩后仅有1kb。demo screenfull.js - 极小、跨平台的 JavaScript 全屏插件。demo |
加载器
|
requirejs - JS模块化工具 SeaJS - JavaScript模块加载框架 loadjs - JavaScript模块加载框架 ESL - 浏览器端AMD标准加载器 |
构建工具
|
webpack - 前端构建工具 Gulp - 自动化构建工具 Babel - 下一代JavasScript语法编译器 PostCSS - 利用JS插件转换CSS样式的工具 Grunt - JavaScript世界的构建工具 rollup.js - JS模块打包器 webpack-dashboard - webpack开发服务器的CLI仪表板 traceur-compiler - 支持ES6的JS编译器 brunch - 超快的HTML5构建工具 Helium-css - 显示网站中未使用的CSS |
测试
|
mocha - JavaScript 测试框架 ESLint - JavaScript代码检查工具 JSHint - JavaScript语法和风格检查工具 casperjs - 开源的导航脚本处理和测试工具 Nightwatch - 用户界面自动化测试框架 istanbul - JS代码覆盖工具 intern - JavaScript测试系统 benchmark.js - 强大的JavaScript基准库 loadtest - HTTP或WebSockets URL的负载测试 JSCover - JavaScript代码覆盖测量工具 |
包管理器
|
yarn - 新的 Hadoop 资源管理器 bower - web包管理器 npm - NodeJS包安装的管理模块 ndm - npm桌面管理器 |
