推荐轻量高效无依赖的开源JS插件和库
目录
图片
- 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
轮播图
弹出层
- Popper.js - 是一个轻量级的库用于管理工具提示和弹窗效果。demo
- SweetAlert2 - 是一个颜值很高而且可以自定义的警告弹出窗口插件,可以代替Javascript的弹出窗口。demo
- artDialog - 是一个经典、优雅的网页对话框控件。demo
- layer - 是一个web弹层组件。demo
- http://layer.layui.com/
音频视频
- 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
存储
动画
时间
- 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/
推荐轻量高效无依赖的开源JS插件和库的更多相关文章
- Vue.js:轻量高效的前端组件化方案
转发一篇尤老师对vue.js的介绍,了解vue.js的来龙去脉.不过现在已经是2.0了,也有添加一些新的东西,当然有些东西也改了. Vue.js:轻量高效的前端组件化方案 Vue.js 是我在2014 ...
- 如何优雅的阅读 GitHub 上开源 js 框架和库的源码
如何优雅的阅读 GitHub 上开源 js 框架和库的源码 step 先总后分,即先了解一下啊框架的大体架构,又一个全局的认识,在选择某些和感兴趣的部分,仔细阅读,各个击破: 带着问题阅读,用到了什么 ...
- 轻量高效的开源JavaScript插件和库 【转】
图片 布局 轮播图 弹出层 音频视频 编辑器 字符串 表单 存储 动画 时间 其它 加载器 构建工具 测试 包管理器 CDN 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果 ...
- 2016年31款轻量高效的开源JavaScript插件和库
目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...
- 2016年31款轻量高效的开源 JavaScript 插件和库
目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...
- 2016 年 31 款轻量高效的开源 JavaScript 插件和库
目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...
- Vue.js:轻量高效的前端组件化方案(转载)
摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...
- 【转】Vue.js:轻量高效的前端组件化方案
摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue ...
- 推荐轻量友好的.NET测试断言工具Shouldly
Shouldly是一个轻量的断言(Assertion)框架,用于补充.NET框架下的测试工具.Shouldly将焦点放在当断言失败时如何简单精准的给出很好的错误信息. Shouldly在GitHub的 ...
随机推荐
- C和指针 第十二章 结构体 整体赋值 error: expected expression
定义结构体后整体赋值时发生错误 typedef struct NODE { struct NODE *fwd; struct NODE *bwd; int value; } Node; //声明变量 ...
- 在vs中char类型的实参与LPCWSTR类型的形参类型不兼容怎么解决?
今天在做 COS脚本解释器的时候,遇到了这个问题 先了解一下 LPCTCHAR 这个东东 LPCTSTR用来表示你的字符是否使用UNICODE, 如果你的程序定义了UNICODE或者其他相关的宏,那么 ...
- mysql存储过程中 乱码问题解决办法
中文乱码无论在何时都是一个头疼的问题,mysql的存储过程参数也同样存在这个问题.1.直接使用insert into语句没问题,能够正常插入汉字.2.把insert into语句移到Procedure ...
- VIM插件攻略
工欲善其事,必先利其器.一个强大的开发环境可以大大提高工作效率.好吧,我知道这是废话...不过,我想一定有很多跟我一样打算进入Linux平台开发的新手,一开始都为找不到一个像Windows下的VS那样 ...
- 集合List内容
集合List内容 这次我们学习的主要内容为:集合框架 List 一 集合框架介绍 List集合与数组的区别: 不同点:1> 数组的长度在使用前必须确定,一旦确定不能改变.而List集合长度 ...
- linux编程问题记录
1.程序中需要用到字符串的时候,尽可能选择string类型,这种类型的字符串有很多比较容易的功能,如字符串之间可以直接拷贝赋值 string a; string b="123"; ...
- 【目录】Leetcode
Leetcode 1.动态规划 Palindrome Partitioning II(hard) ☆ Distinct Subsequences(hard) Edit Distance (hard) ...
- .NET LINQ 串联运算
串联运算 串联是指将一个序列追加到另一个序列的运算. 方法 方法名 说明 C# 查询表达式语法 Visual Basic 查询表达式语法 更多信息 Concat 串联两个序列以组成一个序列. ...
- 安装oracle
1.安装vnc yum install tigervnc tigervnc-server 2.vncserver启动 3.安装依赖库 yum install -y compat-libstdc* ...
- 第一天:安装nodejs
1.首先,下载NodeJs程序.地址 http://www.nodejs.org/download/,选择Windows Installer 64bit 2.下载下来后,狂点下一步,安装在本地硬盘上. ...