前端大牛整理后推荐的轻量高效无依赖的开源JS插件和库

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

目录

图片

• 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

弹出层

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

音频视频

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

编辑器

• 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

表单

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

存储

• store.js - 本地存储localstorage的封装，提供简单的API。 demo
• cookie.js - 对操作cookie的封装，提供简单的AIP 兼容IE6。 demo

动画

• anime.js - 是一个灵活轻便的JavaScript动画库。 demo
• three.js - 是一个JS 3D库。 demo
• vivus - JavaScript库，使SVG绘制动画。 demo

时间

• moment - 是一个日期处理类库,用于解析、检验、操作、以及显示日期。 demo
• timesheet.js - 是一个时间展示片段插件。 demo
• date.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

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/

原文地址：https://github.com/jaywcjlove/handbook/blob/master/Javascript/%E8%BD%BB%E9%87%8F%E9%AB%98%E6%95%88%E7%9A%84%E5%BC%80%E6%BA%90JavaScript%E6%8F%92%E4%BB%B6%E5%92%8C%E5%BA%93.md

 【关于我们】

才淇（微信公众号：caiqicehua），专注于国内各大互联网公司社会招聘内推。每天更新最新互联网名企（包括但不限于今日头条、网易游戏、BAT、网易互联网、小米、京东、乐视、携程等名企）内推信息，有技术岗、有产品岗、有运营岗、有设计岗、有交互岗、有销售岗，更有其他N多相关岗位！更多内推信息请扫描以下二维码关注查阅。