Node.compareDocumentPosition()方法可以用来对比两个HTML节点在文档中的位置关系，包括前后，父子，自身以及跨文档。不仅是DOM节点，文本节点，注释节点甚至属性节点的位置关系都可以判定，很强。
文章关键字 ‘API’
深入Node.compareDocumentPosition API
2019年03月2日，星期六使用document.scrollingElement控制窗体滚动高度
2019年02月22日，星期五介绍一个更加兼容、更加标准的设置窗体滚动高度的方法，那就是document.scrollingElement，兼容性足矣在实际项目中应用。JS基础API，人人必须了解的特性，学到就是赚到。
HTML5 video视频播放Picture-in-Picture画中画技术
2018年12月2日，星期日
Chrome 70已经原生支持HTML5视频播放时候Picture-in-Picture，也就是俗称的画中画技术，也就是很多视频网站看评论时候，播放视频变小挂在右下角的这种交互技术。实际上，这里的画中画要比当前视频网站的画中画要更强，强在其是一个客户端层面的接口，小视频窗口是操作系统窗体级别的，就算你的浏览器切换到其他选项卡页面，或者最小化，也会在你电脑右下角播放视频。
于是乎，我们可以一边码代码一边看网页小视频了！
隐私相关-了解HTML5 Do Not Track API
2018年07月26日，星期四
中国的互联网对隐私那真是一点都不上心，前有“李彦宏称中国用户愿用隐私换便利”，后有“美团点评会显示你的好友在哪儿里点过餐，住过什么酒店”。其实浏览器本身提供了API可以让用户保护自己隐私不被跟踪，但是鲜有人知道，就算有知道的，也不会在实际项目中用，因为大环境对隐私都不重视，价值有限。
不过，从近些年诸多事件网民的言论来看，隐私这件事情已经越来越关注，一定会在哪天摆在台面上成为很重要的议题进行发酵的！因此，如果网站能在隐私这件事情上做得能让用户明显感觉到尊重，则这个网站的影响力，公司的口碑说不定会爆炸式增长。那作为前端的我们，可以在这件事情做些什么呢？
在同事的安利下，试用了下接口管理平台YApi
2018年05月9日，星期三在同事的安利下，试用了下接口管理平台YApi，用了下，还行。自己写高保真的交互原型，需要可以有相当真实的API请求数据，例如出错，请求延时模拟，极端数据处理等。YApi正好可以满足这方面的需求，特记录与分享下。
鼠标无限移动 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代码就可以搞定，而这就是本文要介绍的内容。
HTML5 Battery电池状态相关API简介
2014年01月27日，星期一随着HTML5以及CSS3技术支持与发展，以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。例如，流畅的动画效果，模糊阴影等视觉体验。因此可能会出现这样的情况，用户电量快不行了，又没有电源来一发，你的网页还呼呼的烧电，显然，用户一旦感觉到浏览这破页面手机电量流失比武大郎那个还快，怕是会红杏出墙，寻找类似西门庆这种更持久的产品了。
因此，如果网页能够感知手机的电源，我们似乎能够为用户做的更多。比方说，当用户电量不足15%, 需要再来一发的时候……
Snap.svg-SVG实战学习必修课-实例与文档讲解
2014年01月19日，星期日
2013年10月23日，第3届（如果我没记错的话）HTML5全球开发者大会在旧金山举办。Adobe在此次大会上宣布了一件事情：建立了一个名叫Snap.svg的开源项目。其目的在于摒弃Flash插件，将Flash的特性带到web上。
Adobe表示，”Snap.svg是一个强大且直观的SVG动画内容操纵API，支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能”。
Adobe支持的项目，自然其产品中会有体现，例如DreamWeaver中的PhoneGap, 这里的Snap.svg应该也会集成在其Web开发工具中，例如Edge…..
我的应用
我的应用