图片

• baguetteBox.js (opens new window) - 是一个简单易用的响应式图像灯箱效果脚本。demo (opens new window)
• Lightgallery.js (opens new window) - 是一个功能齐全的JavaScript图像灯箱插件。demo (opens new window)
• viewerjs (opens new window) - 是一个图像预览插件。demo (opens new window)
• cropperjs (opens new window) - 是一个图片编辑器插件。demo (opens new window)
• photo-editor (opens new window) - 是一个本地图片编辑器插件。demo (opens new window)
• blazy.js (opens new window) - 是一个懒惰加载插件。demo (opens new window)

布局

• SuperEmbed.js (opens new window) - 是一个Javascript库，可检测出网页上的内嵌视频并使他们能够变成响应式元素。demo (opens new window)
• ScrollReveal (opens new window) - ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画。demo (opens new window)
• Bricks.js (opens new window) - 是一款超快的用于固定宽度元素的“砖石”布局生成器。demo (opens new window)

轮播图

• Swipe (opens new window) - 准确的触摸滑块。demo (opens new window)
• Lory (opens new window) - 是一个由 Vanilla JavaScript 编写的拥有触摸功能的简约滑块。demo (opens new window)
• baguetteBox.js (opens new window) - 是一个简单、易用的响应式 Lightbox 图片库，它支持移动端上触滑动手势操作，无依赖。demo (opens new window)

弹出层

• Popper.js (opens new window) - 是一个轻量级的库用于管理工具提示和弹窗效果。demo (opens new window)
• SweetAlert2 (opens new window) - 是一个颜值很高而且可以自定义的警告弹出窗口插件，可以代替Javascript的弹出窗口。demo (opens new window)
• artDialog (opens new window) - 是一个经典、优雅的网页对话框控件。demo (opens new window)
• layer (opens new window) - 是一个web弹层组件。demo (opens new window)

音频视频

• Loud Links (opens new window) - 是一个轻量级的JavaScript库用于添加交互声音到您的站点。demo (opens new window)
• flv.js (opens new window) - B 站 HTML5 播放器内核开源。
• Loud Links (opens new window) - 是一个轻量级 JavaScript 库，用于向您的网站添加交互音频。。demo (opens new window)

编辑器

• MediumEditor (opens new window) - 仿Medium.com的所见即所得在线编辑器工具栏。demo (opens new window)
• Substance (opens new window) - 是一个基于Web的内容自定义编辑器。demo (opens new window)
• flatpickr (opens new window) - 是一个轻量级的代码高亮库，适用于任何编程语言。demo (opens new window)
• pen (opens new window) - 是一个Markdown编辑器工具。demo (opens new window)
• aceAce (opens new window)（Ajax.org Cloud9 Editor）。demo (opens new window)
• CodeMirror (opens new window)浏览器端的代码编辑器。demo (opens new window)
• esprima (opens new window)用于综合分析的 ECMAScript 解析器。demo (opens new window)
• quill (opens new window)一个带有 API 的跨浏览器富文本编辑器。(demo (opens new window))
• ckeditor-releases (opens new window) 适用于每个人的 web 文本编辑器。demo (opens new window)
• editor (opens new window) 一个 markdown 编辑器，但仍在开发中。demo (opens new window)
• EpicEditor (opens new window) 一个可嵌入的 js Markdown的编辑器，拥有全屏编辑、即时预览、自动保存草稿和离线支持等功能。demo (opens new window)
• jsoneditor (opens new window) 查看、编辑和格式化 JSON 的 web 工具。demo (opens new window)
• vim.js (opens new window)  拥有持久化 ~/.vimrc 的 Vim 编辑器的 JavaScript 移植版本。demo (opens new window)
• Squire (opens new window) HTML5 富文本编辑器。demo (opens new window)
• TinyMCE (opens new window) JavaScript 富文本编辑器。demo (opens new window)
• trix (opens new window) 由 Basecamp 制作，适用于每天写作的富文本编辑器。demo (opens new window)
• Editor.md (opens new window) 由 Basecamp 制作，适用于每天写作的富文本编辑器。demo (opens new window)

字符串

• selecting (opens new window) - 一个允许你获取用户选定文本的库。
• string.js (opens new window) - 额外的 JavaScript 字符串方法。demo (opens new window)
• he (opens new window) - 健壮的 HTML 实体编码/解码器。
• multiline (opens new window) - 多行字符串。
• query-string (opens new window) - 解析和字符串化 URL 查询字符串。
• URI.js (opens new window) - URL 操作库。demo (opens new window)
• jsurl (opens new window) - 轻量的 URL 操作库。
• sprintf.js (opens new window) - 实现字符串格式化。
• url-pattern (opens new window) - 让 url 和其它字符串进行比正则表达式匹配更简单。字符串和数据可相互转化。
• Numeral.js (opens new window) - 格式化和操作数字的 JS 库。 demo (opens new window)

表单

• validator.js (opens new window) - 轻量级的JavaScript表单验证，字符串验证。demo (opens new window)
• List.js (opens new window) - 是一个轻量级的为列表、表格或其他任何HTMLL标签增加了搜索，排序，过滤器和灵活性等元素。demo (opens new window)
• Algolia Places (opens new window) - 是一个能让你在网页轻易实现搜索栏自动完成功能。demo (opens new window)
• Cleave.js (opens new window) - 是一个会在你输入时格式化你的<input/>标签里面的内容。demo (opens new window)
• validator.js (opens new window) - 是一个简单、轻量级，但功能强大的 Validator 组件。demo (opens new window)
• axios (opens new window) - 是一个基于浏览器和node的HTTP请求库，绿色环保只有12kb。

存储

• store.js (opens new window) - 本地存储localstorage的封装，提供简单的API。demo (opens new window)
• cookie.js (opens new window) - 对操作cookie的封装，提供简单的AIP 兼容IE6。demo (opens new window)
• store.js (opens new window) - 为所有浏览器封装了LocalStorage，隐秘地使用localStorage、globalStorage和用户数据。
• localForage (opens new window) - 改善后的离线存储。封装了IndexedDB、WebSQL和localStorage。demo (opens new window)
• cross-storage (opens new window) - 获得权限后，能跨域名本地存储。
• basket.js (opens new window) - 用 localStorage 加载和缓存脚本的资源加载器。demo (opens new window)
• bag.js (opens new window) - 可以缓存脚本和加载资源，增加了键值对接口和对localStorage/websql/indexedDB 的支持。
• basil.js (opens new window) - 智能的 JavaScript 数据持久层库。
• Cookies (opens new window) - 客户端 Cookie 操作库。
• DB.js (opens new window) - 基于 Promise 的、封装了 IndexedDB 的库。demo (opens new window)
• lawnchair.js (opens new window) - 简单的客户端 JSON 存储。demo (opens new window)

动画

• anime.js (opens new window) - 是一个灵活轻便的JavaScript动画库。demo (opens new window)
• three.js (opens new window) - 是一个JS 3D库。demo (opens new window)
• loaders.css (opens new window) - CSS 动画加载效果。demo (opens new window)
• Hover.css (opens new window) - 一款基于 CSS3 的悬停特效合集。demo (opens new window)
• Effeckt.css (opens new window) - 一个包含众多精妙的 CSS3 切换和动画效果库。demo (opens new window)
• Magic Animations (opens new window) - 一个独特的 CSS3 动画特效包。demo (opens new window)
• Transformicons (opens new window) - 一个结合 SVG、CSS 和 HTML 技术，让图标、按钮和符号具有变种（特殊）动画效果的库。demo (opens new window)
• SpinKit (opens new window) - 一款 CSS 加载动画合集，可高度自定义动画效果。demo (opens new window)
• d3-ease (opens new window) - 这是一个让动画更为平滑的 Easing 库。
• ScrollMagic (opens new window) - 一个用来创建魔幻滚动交互的 JavaScript 库，可以像使用进度条一样使用滚动条。demo (opens new window)
• ScrollReveal (opens new window) - 一款页面滚动显示动画，可以播放一次也可以播放无限次，能让页面更加有趣，更吸引用户眼球。。demo (opens new window)
• RELLAX.js (opens new window) - 是一款主打轻量级的纯 JavaScript 视差效果库。demo (opens new window)
• CountUp.js (opens new window) - 可以用来快速创建以一种更有趣的动画方式显示数值数据。demo (opens new window)
• Dynamics.js (opens new window) - 可以创建物理运动动画效果 JavaScript 库。demo (opens new window)
• Mojs (opens new window) - 一个拥有极简的声明式 API ，能够轻松掌控运动轨迹，为运动图形而生的工具库。demo (opens new window)
• React FLIP Move (opens new window) - 一个翻转移动的库，旨在解决当列表的顺序发生变化时，项目列表动画化的问题。demo (opens new window)
• tween.js (opens new window) - 是一个JS 平滑动画库。demo (opens new window)
• vivus (opens new window) - JavaScript库，使SVG绘制动画。demo (opens new window)
• Choreographer-js (opens new window) - 是一个用于处理复杂动画的简单库。demo (opens new window)
• minirefresh (opens new window) - 优雅的H5下拉刷新。零依赖。demo (opens new window)

时间

• moment (opens new window) - 是一个日期处理类库,用于解析、检验、操作、以及显示日期。demo (opens new window)
• date-fns (opens new window) - 现代JavaScript日期实用程序库。demo (opens new window)
• luxon (opens new window) - 在JS中使用日期和时间的库。demo (opens new window)
• timesheet.js (opens new window) - 是一个时间展示片段插件。demo (opens new window)
• date.js (opens new window) - 是一个格式化时间、过去时间展示、解决因时区变更插件。
• timeago.js (opens new window) - 格式化时间显示多久以前的插件。 demo (opens new window)
• rome (opens new window) - 可定制的日期（和时间）选择器。无依赖，可选 UI。 demo (opens new window)
• moment-timezone (opens new window) - 基于 moment.js 的时区库。demo (opens new window)
• date (opens new window) - 拥有人性化的 Date() 方法。demo (opens new window)
• ms.js (opens new window) - 小巧的毫秒转换工具。

其它

• hotkeys (opens new window) - 是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键。demo (opens new window)
• clipboard.js (opens new window) - 现代复制到剪贴板。没有Flash，gzip压缩只有3KB 。demo (opens new window)
• translater.js (opens new window) - 这是一个利用HTML注释的页面翻译解决方案。demo (opens new window)
• scrollama (opens new window) - 为 Scrollytelling 开发的现代、轻量级的 JavaScript 库。demo (opens new window)
• Push.js (opens new window) - 是一个跨浏览器的Javascript桌面通知插件。demo (opens new window)
• onlinenetwork (opens new window) - js判断是否断网了。
• iNotify (opens new window) - 是一个实现浏览器的 title 闪烁、滚动、声音提示、chrome、等系统通知。demo (opens new window)
• tesseract.js (opens new window) - 是一个文字识别转换，可以运行在浏览器和服务器NodeJS上。demo (opens new window)
• Leaflet.js (opens new window) - 是一个开源的移动友好交互式地图 JavaScript 库。体积仅有 33 KB。demo (opens new window)
• CurrencyFormatter.js (opens new window) - 是一款简单纯JS格式化155种不同国家货币格式库，gzip压缩后仅7KB。demo (opens new window)
• Feature.js (opens new window) - 是一个快速、简单、轻量级的浏览器功能检测库。它没有任何的依赖，并且 gzip 压缩后仅有1kb。demo
• screenfull.js (opens new window) - 极小、跨平台的 JavaScript 全屏插件。demo (opens new window)

加载器

• requirejs (opens new window) - JS模块化工具
• SeaJS (opens new window) - JavaScript模块加载框架
• loadjs (opens new window) - JavaScript模块加载框架
• ESL (opens new window) - 浏览器端AMD标准加载器

构建工具

• webpack (opens new window) - 前端构建工具
• Gulp (opens new window) - 自动化构建工具
• Babel (opens new window) - 下一代JavasScript语法编译器
• PostCSS (opens new window) - 利用JS插件转换CSS样式的工具
• Grunt (opens new window) - JavaScript世界的构建工具
• rollup.js (opens new window) - JS模块打包器
• webpack-dashboard (opens new window) - webpack开发服务器的CLI仪表板
• traceur-compiler (opens new window) - 支持ES6的JS编译器
• brunch (opens new window) - 超快的HTML5构建工具
• Helium-css (opens new window) - 显示网站中未使用的CSS

测试

• mocha (opens new window) - JavaScript 测试框架
• ESLint (opens new window) - JavaScript代码检查工具
• JSHint (opens new window) - JavaScript语法和风格检查工具
• casperjs (opens new window) - 开源的导航脚本处理和测试工具
• Nightwatch (opens new window) - 用户界面自动化测试框架
• istanbul (opens new window) - JS代码覆盖工具
• intern (opens new window) - JavaScript测试系统
• benchmark.js (opens new window) - 强大的JavaScript基准库
• loadtest (opens new window) - HTTP或WebSockets URL的负载测试
• JSCover (opens new window) - JavaScript代码覆盖测量工具

包管理器

• yarn (opens new window) - 新的 Hadoop 资源管理器
• bower (opens new window) - web包管理器
• npm (opens new window) - NodeJS包安装的管理模块
• ndm (opens new window) - npm桌面管理器

CDN

• https://cdnjs.com
• http://cdnjs.net
• http://www.jsdelivr.com
• http://unpkg.com
• http://rawgit.com
• http://staticfile.org
• http://www.bootcdn.cn
• http://cdn.baomitu.com
• http://lib.sinaapp.com
• http://cdn.code.baidu.com
• http://jscdn.upai.com
• https://www.asp.net/ajax/cdn
• http://libs.sun0769.com
• https://css.net
• https://developers.google.com/speed/libraries/

阅读全文