如果你的主要工作内容就是重构HTML静态页面，则本文介绍的“魔卡”工具会很适合你。头尾公用，支持简易CSS变量，支持http服务以及JS，CSS合并，都是专门为HTML静态页面开发定制的功能。本工具极简免安装，非常轻量。
“JS相关”目录存档
HTML静态页面原型交付工具“魔卡”简介
2019年07月19日，星期五HTML audio基础API完全使用指南
2019年07月7日，星期日
音视频播放暂停控制，播放时长获取，播放速率，以及检测什么时候播放结束，当前媒体资源是否处于暂停状态等，都在本文有所介绍，本文就是audio/video元素各类基础API完全介绍，总能找到你需要的东西。
DOMParser和XMLSerializer两个API简介
2019年06月23日，星期日
本文介绍两个DOM API，DOMParser和XMLSerializer，一个是HTML字符串解析成DOM tree，另外一个是把DOM tree序列化成字符串，正好功能相反，有兴趣可以了解下。
CSS滤镜和混合模式处理的图片如何上传下载？
2019年04月20日，星期六
CSS scroll-snap滚动事件停止及元素位置检测
2019年04月20日，星期六
CSS Scroll Snap是个非常好用的特性，可以让滚动停止的时候，无需任何JS代码，自动平滑定位到指定元素的指定位置。但实际开发的时候，发现很多场景还需要知道滚动什么时候停止，以及到底滚动到哪个元素上，浏览器目前还没有原生的方法支持，需要我们使用JS进行辅助处理……
DOM小测28期 – DOM节点文档前后位置判断
2019年03月2日，星期六
本题主要考察如何判断DOM节点文档前后位置，父子关系等。我看了下最后的回答，近9成的回答使用了非常啰嗦的方法，比例之高，实在出乎意料。实际上，本题答案只需寥寥数行，因为有原生的API，contains()可以判断节点是否有包含关系；compareDocumentPosition()可以判定任意位置关系。
深入Node.compareDocumentPosition API
2019年03月2日，星期六
Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位置关系，包括前后，父子，自身以及跨文档。不仅是DOM节点，文本节点，注释节点甚至属性节点的位置关系都可以判定，很强。
使用document.scrollingElement控制窗体滚动高度
2019年02月22日，星期五介绍一个更加兼容、更加标准的设置窗体滚动高度的方法，那就是document.scrollingElement，兼容性足矣在实际项目中应用。JS基础API，人人必须了解的特性，学到就是赚到。
我的应用
我的应用