本文介绍form表单元素内置3个验证方法和1个属性，3个方法分别是checkValidity(), reportValidity(), setCustomValidity()方法，1个属性是validity属性。不了解的小伙伴可以进来了解一下。
“JS API”目录存档
checkValidity等form原生JS验证方法和属性详细介绍
2019年08月18日，星期日还算有点用的scrollTo和scrollBy两个JS API
2019年07月27日，星期六
HTML audio基础API完全使用指南
2019年07月7日，星期日
音视频播放暂停控制，播放时长获取，播放速率，以及检测什么时候播放结束，当前媒体资源是否处于暂停状态等，都在本文有所介绍，本文就是audio/video元素各类基础API完全介绍，总能找到你需要的东西。
DOMParser和XMLSerializer两个API简介
2019年06月23日，星期日
本文介绍两个DOM API，DOMParser和XMLSerializer，一个是HTML字符串解析成DOM tree，另外一个是把DOM tree序列化成字符串，正好功能相反，有兴趣可以了解下。
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，人人必须了解的特性，学到就是赚到。
DOM基础小测27期答疑文字版-窗体滚动二三事
2019年01月26日，星期六HTML5 video视频播放Picture-in-Picture画中画技术
2018年12月2日，星期日
Chrome 70已经原生支持HTML5视频播放时候Picture-in-Picture，也就是俗称的画中画技术，也就是很多视频网站看评论时候，播放视频变小挂在右下角的这种交互技术。实际上，这里的画中画要比当前视频网站的画中画要更强，强在其是一个客户端层面的接口，小视频窗口是操作系统窗体级别的，就算你的浏览器切换到其他选项卡页面，或者最小化，也会在你电脑右下角播放视频。
于是乎，我们可以一边码代码一边看网页小视频了！
CSS scroll-behavior和JS scrollIntoView让页面滚动平滑
2018年10月21日，星期日
从去年年底开始，浏览器已经开始支持的原生平滑滚动定位，CSS scroll-behavior属性和JS scrollIntoView()方法都可以。本文就将捋一捋这些平滑滚动新特性的使用方法，实际效果，以及如何在实际中应用等。一如既往，丰富配图，含GIF演示和视频截屏，必要的源代码展示和详尽的demo，希望本文内容能够对您的学习有所帮助。
我的应用
我的应用