项目中遇到的各种bug和踩过的坑

zepto 赋值时单位转换问题

zepto 的 animate 方法移动某个元素的位置时，例如修改某个绝对定位的元素的 left 值，要与修改前的值单位一致，修改前如果是像素值，修改后也要是像素值，否则android 手机上将不会出现动画效果，而是直接把元素放到修改后的位置。使用 jQuery 时会进行计算并最后赋值为像素值，zepto 省略了转换所以会有单位问题，需要注意。

transform:rotate 在 Safari 中渲染 bug

transform:rotateY,  transform:rotateX 在Safari浏览器上bug，该bug会导致在执行动画元素层级之上的元素闪动。解决方案是在元素执行rotate的同时添加一个 translateZ(1000px)，在动画执行到最后 translateZ(-1px)，或者把 translateZ(-1px) 直接以cssd 方式写在该元素样式里。不过该元素在执行动画时会覆盖在其他元素之上，动画结束时才会回到原来的层级。
注意：元素添加 translate 时不能同时有prospect。否则 translateZ(1000px) 会正常渲染，即朝用户拉近了1000个像素(如果translateZ的值较小，例如楼主试过1px 10px，都没法修复该bug，暂时还未找到原因)。

原文：http://www.cnblogs.com/AustinAn/p/5015413.html