用一句话说明Pointer Lock API的作用就是：Pointer Lock API可以让你的鼠标无限移动，脱离浏览器窗体的限制！
这对于一些需要鼠标控制的应用非常有用。举个例子：某3D VR女友的游戏，你鼠标向上移动，则你的视角就会往下……
before(),after(),prepend(),append()等新DOM方法简介
2017年09月28日 by 阅读 41099 次, 今日 21 次接下来要介绍这些新增的DOM API方法，都比较新，其设计目的是可以像jQuery那样，使用非常简单的api，便利的操作dom元素。
这些api包括：before()，after()，replaceWith()，append()，prepend()……
借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
2017年09月19日 by 阅读 66722 次, 今日 2 次iPhone X造型上有个显著的特质，就是有个明显的刘海。
然后，也出现了一些酷酷的交互，例如页面滚动的时候，列表会自动绕着iPhone X的刘海排列。看微博评论，好像觉得这个效果实现很难，实际上，CSS3里面针对这种特定形状环绕的效果已经支持很久了，CSS3 Shapes和CSS3 Regions都是可以实现的，本文就将展示如何使用CSS3 Shapes实现元素内容在滚动的时候自动环绕iPhone X的齐刘海的效果。
移动页面加速google的AMP和百度的MIP简介
2017年09月10日 by 阅读 37614 次, 今日 4 次google先出了个AMP – Accelerated Mobile Pages（加速的移动页面），后来百度仿照出了个MIP- Mobile Instant Pages – 移动网页加速器。那这些新技术对我们的产品收益有帮助吗？对我们产品开发有什么影响呢？
使用canvas实现和HTML5 video交互的弹幕效果
2017年09月10日 by 阅读 74522 次, 今日 5 次本文展示两个使用canvas实现弹幕效果的案例。其中一个效果是静态的弹幕数据固定的无限循环的效果，适合在个人博客或者运营页面，这种非视频场景使用；另外一个效果是动态的弹幕数据可变的和真实HTML5 <video>交互的弹幕效果，也就是真视频弹幕效果。
iframe和HTML5 blob实现JS,CSS,HTML直接当前页预览
2017年08月24日 by 阅读 53624 次, 今日 4 次前端代码效果实时预览的需求实际上是非常常见的，传统做法是这样子的，会新建一个另外的独立页面，专门用来接收传入的前端代码，通过新开窗口或者嵌入iframe页面的方式达到最终效果，然而实际上，对于这个预览效果，如果代码是我们自己控制，而不是全权交给用户编辑的，是没有必要新建一个另外的预览页面，亦或者是在新窗口（新标签页）中浏览的。可以直接在当前页面构建一个文档上下文，实现更加方便快捷的预览。
CSS百分比padding实现比例固定图片自适应布局
2017年08月17日 by 阅读 111812 次, 今日 10 次对于绝大多数都布局，我们并不要求非要比例固定，但是有一种情况例外，那就是图片，因为图片原始尺寸它是固定的。在传统的固定宽度的布局下，我们会通过给图片设定具体的宽度和高度值，来保证我们的图片占据区域稳固；但是在移动端或者在响应式开发情况下，图片最终展现的宽度很可能是不确定的……
SVG <foreignObject>简介与截图等应用
2017年08月4日 by 阅读 79319 次, 今日 17 次SVG图形表现非常给力，但是对于纯粹的文本展示却很吃力，例如希望文字到边缘可以自动换行，结果SVG却很难做到，对于XHTML而言这可以说是天生的理所当然的特性，那有没有什么办法让SVG元素中的文本也如同普通的HTML和CSS那样自动换行呢，有，那就是SVG的<foreignObject>元素！
我的应用
我的应用