轻量高效的开源JavaScript插件和库

轻量高效的开源JavaScript插件和库

目录

• 图片
• 布局
• 音频视频
• 编辑器
• 轮播图
• 弹出层
• 字符串
• 表单
• 存储
• 动画
• 时间
• 其它
• CDN

图片

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

布局

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

轮播图

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

弹出层

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

音频视频

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

编辑器

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

字符串

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

表单

• validator.js - 轻量级的JavaScript表单验证，字符串验证。demo
• List.js - 是一个轻量级的为列表、表格或其余任何HTMLL标签增长了搜索，排序，过滤器和灵活性等元素。demo
• Algolia Places - 是一个能让你在网页轻易实现搜索栏自动完成功能。demo
• Cleave.js - 是一个会在你输入时格式化你的<input/>标签里面的内容。demo
• 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
• three.js - 是一个JS 3D库。demo
• tween.js - 是一个JS 平滑动画库。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
• date - 拥有人性化的 Date() 方法。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

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/