本文演示了如何纯前端对MP3、WAV、OGG等格式音频进行剪辑、剪裁、剪切、复制、播放以及上传等处理，使用Web Audio API，有完整的代码，还有在线demo演示页面，即插即用，希望本文内容可以对你的工作有所帮助。
“JS实例”目录存档
JS纯前端实现audio音频剪裁剪切复制播放与上传
2020年07月27日，星期一移动端双指缩放图片JS事件的实践心得
2020年06月12日，星期五
今天要JS实现一个手机中双指缩放的需求，本以为很简单，结果遇到了意料之外的状况，特意记录下来和大家分享，有demo演示，也有精简的JavaScript代码，以后说不定用得到，可以mark下。
我是如何通过CSS向JS传参的
2020年02月13日，星期四
介绍两种我常用的将CSS媒体查询信息传递给JS的方法，一种是伪元素+content属性发，一种是CSS var自定义属性方法，这样传参有助于降低开发成本，让CSS和JS在一些条件信息上保持一致。
如何使用JS把相对地址变成绝对地址？
2020年01月17日，星期五
JS检测CSS属性浏览器是否支持的多种方法
2019年11月8日，星期五
CSS.supports()是一种非常不错原生方法，但IE11及其以下浏览器不兼容，此时可以试试先赋值在取值的检测方法，记住getComputedStyle方法或者setAttribute style属性赋值，都是可以的，是我实际开发经常使用的方法。
实现a元素href URL链接自动刷新或新窗口打开
2019年10月13日，星期日
有个前端都必须知道的体验增强小技能，就是优化新窗口打开的交互体验，已经打开的页面直接刷新，不在重复开选项卡标签页，如何实现呢？其实很简单，并不需要JS的参与，HTML本身特性就可以实现这样的需求。
浏览器IMG图片原生懒加载loading=”lazy”实践指南
2019年09月30日，星期一
本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识，scroll滚动，resize缩放，网速，屏幕高度都是影响特性，同时也会介绍在JavaScript中的一些实用tips。
纯前端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静态页面开发定制的功能。本工具极简免安装，非常轻量。
我的应用
我的应用