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 动画效果的插件

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>

来源：CSDN

作者：LeungZhenPang

链接：https://blog.csdn.net/weixin_43967603/article/details/104570532

标签

常用的 JS库 总结

文章目录

moment.js

qs.js

wow.js

html2canvas

常用的 JS库总结