下面也可以说是H5前端学习的js插件大全。基本包含了大部分的前端最前沿的js插件和库。

布局

SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素。demo

ScrollReveal- ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画。demo

Bricks.js- 是一款超快的用于固定宽度元素的“砖石”布局生成器。demo

——————————————————————————————————————————————

图片预览

baguetteBox.js- 是一个简单易用的响应式图像灯箱效果脚本。demo

Lightgallery.js- 是一个功能齐全的JavaScript图像灯箱插件。demo

viewerjs- 是一个图像预览插件。demo

cropperjs- 是一个图片编辑器插件。demo

photo-editor- 是一个本地图片编辑器插件。demo

blazy.js- 是一个懒惰加载插件。demo

——————————————————————————————————————————————

动画

anime.js- 是一个灵活轻便的JavaScript动画库。demo

three.js- 是一个JS 3D库。demo

vivus- JavaScript库,使SVG绘制动画。demo

——————————————————————————————————————————————

轮播图

Swipe- 准确的触摸滑块。demo

SuperSlide jQuery图片滚动,jQuery无缝滚动demo

——————————————————————————————————————————————

弹出层

Popper.js- 是一个轻量级的库用于管理工具提示和弹窗效果。demo

SweetAlert2- 是一个颜值很高而且可以自定义的警告弹出窗口插件,可以代替Javascript的弹出窗口。demo

artDialog- 是一个经典、优雅的网页对话框控件。demo

layer- 是一个web弹层组件。demo

——————————————————————————————————————————————

音频视频

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

SquireHTML5 富文本编辑器。demo

TinyMCEJavaScript 富文本编辑器。demo

trix由 Basecamp 制作,适用于每天写作的富文本编辑器。demo

——————————————————————————————————————————————

存储

store.js- 本地存储localstorage的封装,提供简单的API。demo

cookie.js- 对操作cookie的封装,提供简单的AIP 兼容IE6。demo

——————————————————————————————————————————————

表单

validator.js- 轻量级的JavaScript表单验证,字符串验证。demo

List.js- 是一个轻量级的为列表、表格或其他任何HTMLL标签增加了搜索,排序,过滤器和灵活性等元素。demo

Algolia Places- 是一个能让你在网页轻易实现搜索栏自动完成功能。demo

Cleave.js- 是一个会在你输入时格式化你的标签里面的内容。demo

validator.js- 是一个简单、轻量级,但功能强大的 Validator 组件。demo

——————————————————————————————————————————————

时间

moment- 是一个日期处理类库,用于解析、检验、操作、以及显示日期。demo

timesheet.js- 是一个时间展示片段插件。demo

date.js- 是一个格式化时间、过去时间展示、解决因时区变更插件。

timeago.js- 格式化时间显示多久以前的插件。demo

——————————————————————————————————————————————

其它

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

原文地址:https://www.jianshu.com/p/3e05314da075

值得H5前端学习的60个JS插件(含DEMO演示)的更多相关文章

  1. 前端开发需要了解的JS插件

    excanvas.js/Chart.js/cubism.js/d3.js/dc.js/dx.chartjs.js/echarts.js/flot.js 用途:构建数据统计图表,兼容多浏览器 jquer ...

  2. 前端学习(十八)js的json(笔记)

    json: 数组:        1.有序        var arr=[2,1,3,4] arr[0]; 2.有length 3.普通for 4.下标数字 5.添加删除 splice json:  ...

  3. 前端学习(十四)js回顾和定时器(笔记)

    回顾知识点:    作用域:        1.全局变量:在任何位置都可以使用的变量        2.局部变量:只能在函数内部使用的变量        3.闭包:子函数可以使用父函数的局部变量 -- ...

  4. 前端学习(十二)js数据类型(笔记)

    选项卡:        for循环 for(初始值,条件,自增){}    for(var i=0; i<9;i++){} 几个按钮对应相同个内容!!! -------------------- ...

  5. 前端学习(十)初识js(笔记)

    js事件(公有属性) onclick=""  当点击...时! onmouseover="" 当鼠标移入...时!onmouseout="" ...

  6. web前端学习(一) html+js实现文本框背景及只读属性修改

    因为工作需求接触了html+javascript,对于从事嵌入式开发,一直接触c和汇编的我,感觉这种语言是一个的全新的领域,宽松的语法要求,等同于文本逻辑的输出,当然我并不认为它简单,错误检查的缺少让 ...

  7. 【前端学习笔记】2015-09-11~~~~ js中ajax请求返回案例

    <body><textarea id='a' rows=100 cols=300>result:</textarea>><script>var a ...

  8. EasyNVR摄像机网页无插件直播方案H5前端构建之:bootstrap-datepicker日历插件的实时动态展现

    EasyNVR场景需求 基础:不管是城市监控还是园区管理或者是幼儿园监控,这些安防监控需求已经成为我们生活中不可或缺的重要一环,这不仅仅是提升城市管理水平和人民群众安全感的现实需求,也是完善社会治安消 ...

  9. 前端常用场景总结CSS/JS/插件(实用篇更新中...)

    <div class="box box1"> <span>垂直居中</span> </div> .box1{ display: ta ...

随机推荐

  1. 聊Java中的任务调度的实现方法及比较

    前言 任务调度是指基于给定时间点,给定时间间隔或者给定执行次数自动执行任务.本文由浅入深介绍四种任务调度的 Java 实现: Timer ScheduledExecutor 开源工具包 Quartz ...

  2. DRF 视图初识

    from django.shortcuts import render from rest_framework.generics import ListAPIView,CreateAPIView,Up ...

  3. 阿里云服务器远程连接错误:由于一个协议错误(代码:0x112f),远程会话将被中断。

    2019年10月,阿里云服务器远程连接忽然无法登录.当时正在清理c盘空间,C盘只剩下30+M,忽然远程桌面掉线,以为断网了,再次远程桌面连接时,就出现一下错误. 解决方案:万能的重启!!!具体错误原因 ...

  4. Python——模块合集

    标准库模块 ● Python——OS(系统操作模块) ● Python——MD5(加密模块) ● Python——time(时间模块) ● Python——re(正则表达式) ● Python——sy ...

  5. SpringBoot AOP概念及使用Demo

    AOP核心概念1.横切关注点 对哪些方法进行拦截,拦截后怎么处理,这些关注点称之为横切关注点2.切面(aspect)->(通知+切点) 类是对物体特征的抽象,切面就是对横切关注点的抽象.通知+切 ...

  6. nginx反向代理实现均衡负载及调度方法

    http upstream配置参数: ngx_http_upstream_module模块将多个服务器定义成服务器组,而由proxy_pass, fastcgi_pass等指令进行引用 upstrea ...

  7. ISCC之RE_REV02

    打开IDA,跟着主函数转了一圈,无果,但是在下面翻到一串base64 base64解码,发现被坑了 this_is_not_the_flag_you_seek_keep_looking 继续翻,发现这 ...

  8. Linux 逻辑卷扩容

    Linux 逻辑卷扩容 关键词:pv(物理卷).vg(卷组) .lv(逻辑卷) 今天在用linux过程中,根分区容量不够了,突然想起来好久没更新博客,就来说说逻辑卷扩容的问题吧. 1.扩容前的检查 记 ...

  9. 小程序框架之视图层 View~获取界面节点信息

    获取界面上的节点信息 WXML节点信息 节点信息查询 API 可以用于获取节点属性.样式.在界面上的位置等信息. 最常见的用法是使用这个接口来查询某个节点的当前位置,以及界面的滚动位置. 示例代码: ...

  10. JDK源码那些事儿之DelayQueue

    作为阻塞队列的一员,DelayQueue(延迟队列)由于其特殊含义而使用在特定的场景之中,主要在于Delay这个词上,那么其内部是如何实现的呢?今天一起通过DelayQueue的源码来看一看其是如何完 ...