现在web技术不断发展，视图与数据渲染更多由前端呈现，后台更多与数据打交道。于是，我们会经常看到这样的交互场景。页面加载，看到一个框框里面有个菊花在转，然后内容呈现；或者点击个按钮，菊花在转，然后列表动态加载呈现。 确实，功能上OK，有菊花，用户也愿意等。但是，大家有没有觉得所有交互，出现菊花→出现内容，都是“砰砰砰”很生硬的感觉，尤其当内容是动态，高度不确定的时候。我们使用一些比较好的手机APP(如微信)的时候一定不会有这样的感觉，整个交互流程都是很流畅的，就像山涧的泉水，涓涓细流到山脚，而不是巨人在峡谷走路的感觉。 所以，如果菊花的呈现到内容的展示能够通过自然的动画过渡呈现，势必会增强用户体验。

    前段时间身边的同事和部分会员就有反馈Chrome访问首页会有闪动的问题，但是我在Mac和Win下面的Chrome都无法重现这个问题，后来重装了一遍Win7下的Chrome Beta版本，突然就发现这个问题，正好研究解决下… 问题主要集中于淘宝首页吊顶以及左侧服务栏处，鼠标移过整个页面会闪动一次，Refresh和Reopen无法重现，只有当首次打开淘宝首页才会出现… 问题重现： wordpress不方便插入iFrame，所以请使用Chrome访问这个地方 问题定位...

    若干星期前，承玉 心痒痒的推荐了一篇文章：Using CSS3 Transitions, Transforms and Animation. 我也心痒痒，但没啥时间。于是撮合 龚浩 一起折腾 S.Anim. 若干天的努力，终于有了成果，小结下。 原理 所谓动画，就是在一段时间内，连续改变 DOM 元素的属性。 因此用 JavaScript 实现动画，最传统的方法就是采用定时器，在一段时间内（duration 时长），遵循特定规律（easing 平滑函数），改变 DOM 元素的属性（props, 最常见的是...