我们平常在页面布局时候探讨的bug大多都属于静态的——即页面载入渲染完毕后出现的布局问题，像是错位啊，不对齐啊，行高失效等。
这些都是嚼了好多年的烂芋头，就像风水日晒很多年的门面店，是个装修工都能美化修复，不值得拿出来卖弄。
还有一类bug是伴随着JS交互产生了，比方说一个外表靓丽光鲜的门面店，只要门一开，尼玛，天花板就会挂到门上去了。此时该怎么办？……
本文就将从重绘这块解决JS交互再IE浏览器下产生的棘手问题，精制的demo，丰富的截图以及必要的源代码展示，希望本文的内容能够您的学习有所帮助。
网络上那些色色的照片都是.jpg格式的（“色色”指的是色彩斑斓的意思）。
不知诸位有没有注意到，这些jpg格式的图片在呈现的时候，有两种方式，一种是自上而下扫描式的，还有一种就是先是全部的模糊图片，然后逐渐清晰(就像GIF格式的交错显示)，例如下面的示意……
如果检测页面切页，最小化，关闭，切换选项卡，可以使用visibilitychange事件，使用visibilityState属性值。
before/after伪元素相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪元素应用相当的普及以及兴盛，不过貌似我们这边前端er们普遍缺乏使用这两个伪元素的意识，要使用顶多也就是跟风的“清除浮动”应用。
我想，这可能受兼容性思维影响……
animate虽然是CSS3中随时比较高级的东西，看上去与实际的web项目不搭噶，但是，这里，我要告诉你，在实际web项目中也是可以渐进使用CSS3 animation相关动画的，而且，操作难度以及兼容性处理都是很低的哦！
本文以比较实用的jQuery Mobile框架中开源的animate相关CSS代码为实例，分别展示了其中各种animate效果在实际交互中的应用。大量demo，大量截图以及源代码示意。相信本文的内容会对您的学习有所帮助的！
虽然，web世界中，交互动画效果N多多，但是，很多都是约定俗成的，或者称之为“有固定套路的”。
根据David Kaneda创建的Transitions动画CSS代码，我们可以将效果归结为这几大类：slide(滑来滑去), fade(淡入淡出), flip(飞来飞去), pop(大大小小).
如居中弹框呈现与隐藏，适合pop效果；绝对定位浮动层（如智能提示下拉框，自定义时间选择控件）等的呈现与隐藏使用fade效果；幻灯片播放的广告位效果一般为slide效果；点击某商品飞入页面右下角或左上角的购物车就是flip效果（类似最新FireFox浏览器关闭标签页效果）。
而对于页面上，“展开更多|收起更多”这类交互……
目前，现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊，因此，在前年，我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中，还是有些磕磕碰碰，在此作为经验分享下。一来加深大家与placeholder的认识，二是希望大家可以积极大胆应用一些HTML5的新特性。
然后，还要对占位符的一些应用做扩展。本文是个排得上位置的长篇，内容多而杂，不过demo啊，截图啊，实例的，代码的都很详尽，内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。
pointer-events是CSS3中又一冉冉的属性，其支持的值牛毛般多，不过大多都与SVG相关，我们可以不用理会。当下，对于偶们来讲，与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto”类似，一般在一些特殊场合露一手，平时闺门不出，没什么说头。因此，一轮筛选下来，我们需要留意的只是pointer-events:none而已。
pointer-events:none是个很有意思的东西，某些情况下其精湛的表现会让人两眼发光。
pointer-events:none顾名思意，就是……
我的应用
我的应用