引荐轻量高效无依靠的开源JS插件和库

在这里保持一个延续更新的处所

图片

规划

  • 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

    原文作者:小弟调调
    原文地址: https://segmentfault.com/a/1190000007656902
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞