缓存是什么？顾名思意，就是缓慢的存钱。为什么要缓慢的存钱，因为工资卡都上交老婆了，为了攒点零花钱又不能被老婆发现，只能慢慢存了。那缓存有什么用呢？你想啊，自己有点小钱，做事情就方便快捷了，比方说我想买个鱼竿，就不要去向老婆要（给不给先不谈），自己从自己这边取，大大提高了执行的速度。
那什么时候可以存什么时候不能存呢？老婆给零花钱的时候，可能会有过期时间头，例如，周一甩了100块钱，拿去，这是一周的伙食！这个一周就是过期时间头(Expires Header)，在这个时间内，你的前可以从缓存，也就是自己这里取……
本文内容属于边学习边总结的，到底说了些什么，我也不知道。就自己个人而言，熟练了JS的一些使用，更了解select下拉框，当然熟悉datalist是肯定的，文本就是讲这个的嘛。了解了IE9下onpropertychange以及oninput事件无法被delete的问题，不认识的datalist内部的option会被忽略等问题。
demo不少，截图更多，源代码也有，内容也不少，总之，希望磕磕叨叨的内容能够对您的学习有所帮助。
我们平常在页面布局时候探讨的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浏览器关闭标签页效果）。
而对于页面上，“展开更多|收起更多”这类交互……
我的应用
我的应用