推荐轻量高效无依赖的开源JS插件和库

在这里维持一个持续更新的地方

目录

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

图片

布局

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

动画

时间

  • 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

posted @ 2016-12-09 01:32  小弟调调™  阅读(369)  评论(0)  编辑  收藏  举报