资讯专栏INFORMATION COLUMN

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

AlphaWallet / 3386人阅读

摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。

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

图片

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 - 是一个会在你输入时格式化你的标签里面的内容。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

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

加载器

requirejs - JS模块化工具

SeaJS - JavaScript模块加载框架

loadjs - JavaScript模块加载框架

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

构建工具

webpack - 前端构建工具

Gulp - 自动化构建工具

Babel - 下一代JavasScript语法编译器

PostCSS - 利用JS插件转换CSS样式的工具

Grunt - JavaScript世界的构建工具

rollup.js - JS模块打包器

webpack-dashboard - webpack开发服务器的CLI仪表板

traceur-compiler - 支持ES6的JS编译器

brunch - 超快的HTML5构建工具

Helium-css - 显示网站中未使用的CSS

测试

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://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...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54386.html

相关文章

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

    摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。 在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js -...

    lushan 评论0 收藏0
  • 推荐轻量高效依赖开源JS插件和库

    摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。 在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js -...

    shuibo 评论0 收藏0
  • 推荐轻量高效依赖开源JS插件和库

    摘要:弹出层是一个轻量级的库用于管理工具提示和弹窗效果。一个带有的跨浏览器富文本编辑器。由制作,适用于每天写作的富文本编辑器。轻量的操作库。是一个快速简单轻量级的浏览器功能检测库。它没有任何的依赖,并且压缩后仅有。极小跨平台的全屏插件。 在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js -...

    Cciradih 评论0 收藏0
  • 第三方库

    摘要:微信支付,支付宝支付,银联支付三大支付总结支付宝植入总结支付宝的植基于和百度地图的组件库基于百度地图封装的组件库,使用这个库最好需要先了解和百度地图。 Commento - 多说 & Disqus 开源替代品 Commento - 多说 & Disqus 开源替代品 anime.js 简单入门教程 强大轻量的动画库 anime.js 入门教程 来自B站的开源的MagicaSakura源...

    seanHai 评论0 收藏0
  • 第三方库

    摘要:微信支付,支付宝支付,银联支付三大支付总结支付宝植入总结支付宝的植基于和百度地图的组件库基于百度地图封装的组件库,使用这个库最好需要先了解和百度地图。 Commento - 多说 & Disqus 开源替代品 Commento - 多说 & Disqus 开源替代品 anime.js 简单入门教程 强大轻量的动画库 anime.js 入门教程 来自B站的开源的MagicaSakura源...

    gityuan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<