• 图片
  • 布局
  • 轮播图
  • 弹出层
  • 音频视频
  • 编辑器
  • 字符串
  • 表单
  • 存储
  • 动画
  • 时间
  • 其它
  • 加载器
  • 构建工具
  • 测试
  • 包管理器
  • CDN

图片

  • 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
  • SquireHTML5 富文本编辑器。demo
  • TinyMCEJavaScript 富文本编辑器。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 和其它字符串进行比正则表达式匹配更简单。字符串和数据可相互转化。
  • Numeral.js- 格式化和操作数字的 JS 库。demo

表单

  • 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

动画

  • anime.js- 是一个灵活轻便的JavaScript动画库。demo
  • three.js- 是一个JS 3D库。demo
  • loaders.css- CSS 动画加载效果。demo
  • Hover.css- 一款基于 CSS3 的悬停特效合集。demo
  • Effeckt.css- 一个包含众多精妙的 CSS3 切换和动画效果库。demo
  • Magic Animations- 一个独特的 CSS3 动画特效包。demo
  • Transformicons- 一个结合 SVG、CSS 和 HTML 技术,让图标、按钮和符号具有变种(特殊)动画效果的库。demo
  • SpinKit- 一款 CSS 加载动画合集,可高度自定义动画效果。demo
  • d3-ease- 这是一个让动画更为平滑的 Easing 库。
  • ScrollMagic- 一个用来创建魔幻滚动交互的 JavaScript 库,可以像使用进度条一样使用滚动条。demo
  • ScrollReveal- 一款页面滚动显示动画,可以播放一次也可以播放无限次,能让页面更加有趣,更吸引用户眼球。。demo
  • RELLAX.js- 是一款主打轻量级的纯 JavaScript 视差效果库。demo
  • CountUp.js- 可以用来快速创建以一种更有趣的动画方式显示数值数据。demo
  • Dynamics.js- 可以创建物理运动动画效果 JavaScript 库。demo
  • Mojs- 一个拥有极简的声明式 API ,能够轻松掌控运动轨迹,为运动图形而生的工具库。demo
  • React FLIP Move- 一个翻转移动的库,旨在解决当列表的顺序发生变化时,项目列表动画化的问题。demo
  • tween.js- 是一个JS 平滑动画库。demo
  • vivus- JavaScript库,使SVG绘制动画。demo
  • Choreographer-js- 是一个用于处理复杂动画的简单库。demo
  • minirefresh- 优雅的H5下拉刷新。零依赖。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/speed/libraries/

转载于:https://www.cnblogs.com/chenqingwei/p/8883532.html

轻量高效的开源JavaScript插件和库 【转】相关推荐

  1. 31款轻量高效的开源 JavaScript 插件和库

    31款轻量高效的开源 JavaScript 插件和库 目前有很多网站设计师和开发者喜欢使用由[url=http://www.kubiji.cn/forum-id261.html]JavaScript[ ...

  2. 2016年31款轻量高效的开源JavaScript插件和库

    目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...

  3. 31 款轻量高效的开源 JavaScript 插件和库

    目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...

  4. 2016年31款轻量高效的开源 JavaScript 插件和库

    为什么80%的码农都做不了架构师?>>>    目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常 ...

  5. 2016 年 31 款轻量高效的开源 JavaScript 插件和库

    2019独角兽企业重金招聘Python工程师标准>>> 目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘 ...

  6. 2016年31款轻量高效的开源JavaScript插件和库(下)

    目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...

  7. 开源JavaScript插件和库速查表

    图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本.demo Lightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件.demo viewerj ...

  8. 轻量高效!清华智能计算实验室开源基于PyTorch的视频 (图片) 去模糊框架SimDeblur

    作者丨科技猛兽 编辑丨极市平台 清华大学自动化系智能计算实验室团队开源基于 PyTorch 的视频 (图片) 去模糊框架 SimDeblur. 基于 PyTorch 的视频 (图片) 去模糊框架 Si ...

  9. 开源应用中心 | 这款轻量简洁的开源论坛系统,你get了没?

    1. 背景 如果你想搭建一个论坛系统,可能有很多的开源论坛系统可以满足你的需求.但你是否感觉很多的论坛系统都过于臃肿了,在论坛系统的核心功能上堆积了很多比较鸡肋的功能,占用大量的系统资源导致花费不必要 ...

最新文章

  1. 深入理解ceph-disk activate 源码逻辑
  2. 魏少军谈AI芯片热潮和架构创新 透露清华Thinker芯片将独立融资
  3. linux(2)- 共享内存的实现
  4. 力士乐伺服电机编码器调零_力士乐伺服电机故障与维修排除备份构成
  5. mysql long varchar2_long查询结果转换为varchar2类型
  6. Spring - Spring Boot Spring Cloud
  7. [vue] 你有使用做过vue与原生app交互吗?说说vue与ap交互的方法
  8. 前端工作流程自动化——Grunt/Gulp 自动化
  9. 软件测试的基础知识(五)
  10. mysql批量更新报错_Mysql批量更新的三种方式
  11. Postman自动化接口测试实战详解
  12. CCF NOI1069 分解因数
  13. java 反射 main_java – 通过反射访问main方法中的局部变量
  14. bug6-ResourceExhaustedError: OOM when allocating tensor with shape[512,15,15,128]
  15. java web中的相对路径和绝对路径
  16. linux tricks 之数据对齐。
  17. 基于matlab的适应度曲线的代码,matlab常用的几个适应度评价函数分析.docx
  18. bzoj4173:数学
  19. Knowledge-based Systems期刊投稿经历
  20. 公务员考试行测、申论答题时间分配

热门文章

  1. CCIE-LAB-SDN-第二篇-DNAC中完成VN配置
  2. 【CodeForces - 1042A】Benches (优先队列,思维模拟,maxmin问题)
  3. 【HDU - 5094】 Maze (状态压缩+bfs)
  4. android 退出函数,android – 关闭应用程序与退出按钮
  5. php向下滑动,js如何判断鼠标滚轮是向下还是向上滚动
  6. kali linux查看网卡_CentOS7.6安装无线网卡驱动|Linux如何安装网卡驱动|Linux如何让配置网卡...
  7. .写一个方法 void printScore(int score),输出相应的等级。score代表分数,等级格式如下:
  8. 博途中用的是c吗_一只“66 鸭”离奇出走,只为助蛋宝宝C位出道
  9. Oracle 多表查询 --笛卡尔集--左连接--右连接--1999 语法--满外连接
  10. Tomcat6.0.37,tomcat6.0.37,下访问Web项目,jsp项目不需要输入项目名称和端口号的配置方法...