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

头像
小弟调调
    阅读 4 分钟
    47

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

    图片

    布局

    • 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

    动画

    时间

    • 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

    • screenfull.js - 极小、跨平台的 JavaScript 全屏插件。demo

    加载器

    • requirejs - JS模块化工具

    • SeaJS - JavaScript模块加载框架

    • loadjs - JavaScript模块加载框架

    • ESL - 浏览器端AMD标准加载器

    构建工具

    测试

    • 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桌面管理器

    CDN

    html5csshtmljavascript
    小弟调调
    8.3k 声望2k 粉丝

    小弟调调要埋名啦

    « 上一篇
    常见 HTTP/FTP/WebSocket 错误代码大全
    下一篇 »
    部署Seafile搭建自己的网盘

    引用和评论

    推荐阅读
    头像
    React 签字手写签名组件 react-signature

    小弟调调阅读 1k

    头像
    网页设计的垂直居中

    寒青赞 41阅读 5.2k评论 3

    头像
    CSS团队协作规范

    寒青赞 38阅读 7.3k

    头像
    前端如何入门 Go 语言

    robin赞 28阅读 8.3k评论 9

    头像
    100个React最佳实践小技巧

    夕水赞 25阅读 6.5k评论 4

    头像
    前端开发工具

    寒青赞 19阅读 5.2k

    头像
    开发插件集合

    寒青赞 14阅读 3.5k

    0 条评论
    得票最新