移动端项目总结

做了两年多的PC端，今天终于做上了一个移动项目，虽然是个很小的工具类项目，但也是受益匪浅。

项目采用了zepto和seajs，感谢99的mobileTech，让我少走一堆深坑。

破天荒的是，居然在wp手机上的效果也那么好，看来我还是没拜托pc的思维（ie）。

由于木有张鑫旭的幽默感，连最基础的语言连贯都做不到，所以下面列点好了。

1. 浏览器后退造成的seajs不执行（chrome）。

由于项目是多模版合一，使用js来控制脚本展示，一个后退就只剩背景了。后来把seajs.use放在window.onload就解决了。

今晚再测试的时候终于发现问题所在，后退由于缓存的存在，seajs.use的执行的时机快比document.write快，导致缺变量报错。

2. wp8.1以下不支持上传图片。

揣着帅气的1520，居然不支持上传图片有木有。只可看不能用的感觉。。。居然wp8.1的ie11支持了，木有机器了。

3. CSS3性能比js动画好。

抛弃低版本的ie，发现css3成了简单动画的不二之选。

但是css3也许可能好像会出现卡顿或掉帧的现象，利用3D变形开启GPU加速已经成为常用做法啦。

-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);

然后再兼容下：

-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;perspective: 1000;

4. tap的”点透”。

网上好多。