本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识，scroll滚动，resize缩放，网速，屏幕高度都是影响特性，同时也会介绍在JavaScript中的一些实用tips。
“JS实例”目录存档
浏览器IMG图片原生懒加载loading=”lazy”实践指南
2019年09月30日，星期一纯前端JS zip打包文件并下载
2019年08月17日，星期六
给IE/Edge写了个textarea resize拉伸的polyfill
2019年08月7日，星期三
IE/Edge直到叛变到Chrome内核之前，都没有支持CSS resize拉伸，为了让IE/Edge浏览器也能享受CSS resize全身拉伸的quick感，于是我抽空写了个polyfill，效果还不错。
HTML静态页面原型交付工具“魔卡”简介
2019年07月19日，星期五
如果你的主要工作内容就是重构HTML静态页面，则本文介绍的“魔卡”工具会很适合你。头尾公用，支持简易CSS变量，支持http服务以及JS，CSS合并，都是专门为HTML静态页面开发定制的功能。本工具极简免安装，非常轻量。
CSS滤镜和混合模式处理的图片如何上传下载？
2019年04月20日，星期六
CSS scroll-snap滚动事件停止及元素位置检测
2019年04月20日，星期六
CSS Scroll Snap是个非常好用的特性，可以让滚动停止的时候，无需任何JS代码，自动平滑定位到指定元素的指定位置。但实际开发的时候，发现很多场景还需要知道滚动什么时候停止，以及到底滚动到哪个元素上，浏览器目前还没有原生的方法支持，需要我们使用JS进行辅助处理……
粉丝群第27期JS基础小测答疑文字版
2019年01月20日，星期日
使用wavesurfer.js显示mp3 audio音频的波形图
2018年12月9日，星期日
如果你想实现右图所示的波形图效果，可以借助wavesurfer.js。wavesurfer.js上手简单，扩展丰富，有多达35个可选参数，什么音频速率控制，波形图大小尺寸啊，都完全不在话下。还有好多种方法，对了，还有很多额外的插件，丰富的使用案例。
基本上，你要想对音频进行解析，显示个图形啥的，不要多想了，就wavesurfer，童叟无欺，老少皆宜，居家旅行，开发必备。
如何在HTML和JS中设置和获取var CSS变量
2018年11月16日，星期五
我们在CSS文件或者CSS语法中使用CSS原生变量驾轻就熟，但是如何通过JS代码动态创建或者改变CSS变量值怕是很多人就不知道了。本文就演示下如何在HTML标签和JS中设置CSS3 var变量，如何使用JS代码获取CSS变量值。本文不啰嗦，希望可以帮到你。
直接剪切板粘贴上传图片的前端JS实现
2018年09月21日，星期五
可能有小伙伴并不知道，在网页中，我们直接Ctrl+V也是能够上传图片的。诶？真有这么厉害？没错，就是这么厉害！要不进去瞅瞅，现成的源代码，高保真的demo，包你分分钟学会这种姿势，哦，不，知识！
我的应用
我的应用