伟大的安兹·乌尔·恭释放了一个超位魔法——拖拽献祭中的黑山羊魔法！凡是不能手写页面元素拖拽效果者，即死，需10日才能复活！顿时，无数前端手足无措，惊恐万分，仓皇而逃，但终究难逃一死。此时，一位小白前端横空出世，靠着解构此魔法的关键DataTransfer对象，破解了这个超位魔法，挽救了无数的前端开发，而其破解的详细信息已经记录在这篇文章中……
“JS API”目录存档
拖拽献祭中的黑山羊-DataTransfer对象
2018年09月30日，星期日看，for..in和for..of在那里吵架！
2018年08月6日，星期一
今天天气不错，瞒着老婆去参加ChinaJoy，嘿嘿，好多周边，嘿嘿，好多萌妹子。突然，旁边一个戴眼镜的小胖子一声大叫：“看，for..in和for..of在那里吵架！”
我顺着望去，只见2点钟方向有一群穿着格子衫背着电脑包的人在围观什么，我立马发现事情不简单，就跟着过去围观，结果意想不到的事情发生了……
原来浏览器原生支持JS Base64编码解码
2018年08月4日，星期六
就在数月前，一个前端HTML字符信息转Base64的需求，我是毫不犹豫去找了个开源的base64.js，根据文档上语法一使用，嘿，数据准确，功能良好。当时弄完还洋洋得意，以为是个完美的解决。
结果，今天发现，尼玛原来浏览器很早就有了原生的JS Base64加密解密方法，显然，上面这种洋洋得意的做法完全就是瞎子点灯——白费蜡！究竟是什么方法呢？有没有什么使用上的坑呢？点击进去一起一看究竟吧~
万岁，浏览器原生支持ES6 export和import模块啦！
2018年08月2日，星期四
万岁，浏览器原生支持ES6 export和import模块啦！不仅支持静态import，还支持动态import。原以为和Node.js中的模块import一样，比较简单容易理解，结果一研究发现，在web浏览器中，原生的export和import需要知道的细节还真多，也很有必要了解。
本文内容较多，篇幅较长，丰富的demo和源代码展示，有一定深度，希望本文内容能够对您的学习有所帮助。
隐私相关-了解HTML5 Do Not Track API
2018年07月26日，星期四
中国的互联网对隐私那真是一点都不上心，前有“李彦宏称中国用户愿用隐私换便利”，后有“美团点评会显示你的好友在哪儿里点过餐，住过什么酒店”。其实浏览器本身提供了API可以让用户保护自己隐私不被跟踪，但是鲜有人知道，就算有知道的，也不会在实际项目中用，因为大环境对隐私都不重视，价值有限。
不过，从近些年诸多事件网民的言论来看，隐私这件事情已经越来越关注，一定会在哪天摆在台面上成为很重要的议题进行发酵的！因此，如果网站能在隐私这件事情上做得能让用户明显感觉到尊重，则这个网站的影响力，公司的口碑说不定会爆炸式增长。那作为前端的我们，可以在这件事情做些什么呢？
JS字符串补全方法padStart()和padEnd()简介
2018年07月24日，星期二
在JS中，字符串补全是常用操作，以前我们的做法是先检测字符串长度够不够，不够，自己再拼接字符串以到达我们需要的字符串长度。到了ES6，浏览器天然支持字符串长度补全方法，这个方法就是padStart()和padEnd()。乍一看好像很简单，但是，仔细一深入，发现意想不到的细节还挺多的，要不，你进来瞅一瞅？
借助Web Animations API实现JS keyframes动画
2018年03月23日，星期五用一句话解释Web Animations API就是把CSS3实现的animation动画变成有JS代码实现。
各有优势。CSS3 Animations动画简单，灵活，复用性强，非常适合静态动画效果；Web Animations参数由JS控制，与单个元素绑定，因此非常适合不固定的动态动画效果，例如随机动画……
鼠标无限移动 JS API Pointer Lock简介
2017年10月18日，星期三用一句话说明Pointer Lock API的作用就是：Pointer Lock API可以让你的鼠标无限移动，脱离浏览器窗体的限制！
这对于一些需要鼠标控制的应用非常有用。举个例子：某3D VR女友的游戏，你鼠标向上移动，则你的视角就会往下……
before(),after(),prepend(),append()等新DOM方法简介
2017年09月28日，星期四接下来要介绍这些新增的DOM API方法，都比较新，其设计目的是可以像jQuery那样，使用非常简单的api，便利的操作dom元素。
这些api包括：before()，after()，replaceWith()，append()，prepend()……
利用HTML5 Web Audio API给网页JS交互增加声音
2017年06月10日，星期六HTML5 Web Audio API可以让我们无中生有创造声音，而且是各种音调的声音，换句话说，我们通过JavaScript就会创建一个完整的音乐出来，这可能和我们以前的认知有些不一样，例如点击按钮出现一个点击的音效，传统思维可能是需要JS触发一个<audio>音频文件的播放，实际上，并不需要任何额外的资源，十几行JS代码就可以搞定，而这就是本文要介绍的内容。
我的应用