文章目录

zopto
OwlCarousel
swiper.js
superslide
moment.js
qs.js
wow.js
ScrollReveal
html2canvas
zy.media.js
iscroll
better-scroll

zopto

进入官网
JavaScript 移动端框架

OwlCarousel

进入官网
jQuery 幻灯片插件

swiper.js

进入官网
javascript 触摸滑动插件

superslide

官网
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”

moment.js

进入官网
javascript 日期处理库
添加中文语言： https://blog.csdn.net/zhouyingge1104/article/details/50596420

qs.js

qs是一个 url参数转化 (parse和stringify)的js库

let url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e';
let data = qs.parse(url.split('?')[1]);// data的结果是
{a: 1, b: 2, c: '', d: xxx, e: ''
}let params = { c: 'b', a: 'd' };
qs.stringify(params)// 结果是
'c=b&a=d'

wow.js

进入官网 , 源码
一款帮助你实现滚动页面时触发CSS 动画效果的插件

ScrollReveal

进入官网，源码，参考
和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript

html2canvas

进入官网
能够实现在用户浏览器端直接对整个或部分页面进行截屏，生产图片或canvas
通过在 html2canvas(需要截图的元素).then(function(){}) 的方式向body中 append canvas 图形。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
</head>
<body><div id="content" style="width:150px;height:80px;border:1px solid blue;background: #34b;text-align: center;line-height: 80px;color:#fff">测试</div><button onclick="create()">生成</button><br>
<script>function create () {html2canvas(document.getElementById('content'))     //把元素转成canvas.then(function(canvas) {document.body.appendChild(canvas)      //插入canvas图形let image = new Image()                    //利用canvas对象方法:toDataURL()把canvas转换成图片image.src = canvas.toDataURL()document.body.appendChild(image)})};
</script>
</body>
</html>

zy.media.js

github
统一不同浏览器中播放媒体的样式

iscroll

iscroll5中文文档
移动页面上被使用的一款仿系统滚动插件

better-scroll

进入官网
借鉴 iscroll 实现的仿系统滚动插件

常用的 JS库总结相关推荐

more-cdn自建 cdn 服务器，包含常用的js库文件
more-cdn 自建 cdn 服务器,包含常用的js库文件不推荐使用第三方 cdn,不能保证可用性 https://www.bootcdn.cn/ https://cdnjs.com/ 使用方式 ...
【卡法常用 ckl.js 库】： js汇合表单验证 cookie设置日期格式电话手机号码 email 整数小数金额检查参数长度...
[卡法常用js库]: js汇合表单验证 cookie设置日期格式电话手机号码 email 整数小数金额检查参数长度 // +---------------------- ...
推荐几个常用的JS库
share.js 一键分享到微博.QQ空间.QQ好友.微信.腾讯微博.豆瓣.Facebook.Twitter.Linkedin.Google+.等等官网地址:http://overtrue.me/s ...
国内可用的css,js,图标字体,等常用前端公共库CDN服务
CDN的全称是Content Delivery Network,即内容分发网络.其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快.更稳定.通过在网络各处放置节 ...
常用JS库源码 - store.js源码/underscore.js源码
常用JS库源码 Store.js源码 "use strict" // Module export pattern from // https://github.com/umdjs/ ...
10个常用的JS工具库
10个常用的JS工具库,80%的项目都在用! Avue Cloud 2022-01-26 09:46 图片高手区别于普通人的重要一点是,他们善于利用工具,把更多的时间留给了规划和思考.写代码也是同样 ...
js的常用封装函数库之Number操作
js的常用封装函数库之Number操作: /* * 函数功能:Number */class NumberFn {/*随机数范围*/random (min, max) {if (arguments.le ...
JS+库+框架+工具
JS+库+框架+工具要做WEB前端,就需要知道前端到底是什么,需要学习那些知识:前端至少要懂的三个部分:HTML,CSS,JavaScript(简称JS),那首先先明确这三个概念: HTML负责结构 ...
移动开发框架，第【二】弹：Hammer.js 移动设备触摸手势js库
hammer.js是一个多点触摸手势库,能够为网页加入Tap.Double Tap.Swipe.Hold.Pinch.Drag等多点触摸事件,免去自己监听底层touchstart.touchmove. ...

常用的 JS库总结

文章目录

zopto

OwlCarousel

swiper.js

superslide

moment.js

qs.js

wow.js

ScrollReveal

html2canvas

zy.media.js

iscroll

better-scroll

常用的 JS库总结相关推荐

最新文章

热门文章

常用的 JS库 总结

文章目录

zopto

OwlCarousel

swiper.js

superslide

moment.js

qs.js

wow.js

ScrollReveal

html2canvas

zy.media.js

iscroll

better-scroll

常用的 JS库 总结相关推荐

最新文章

热门文章

常用的 JS库总结

常用的 JS库总结相关推荐