移动端项目总结

做了两年多的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的"点透"。

网上好多。


    发表评论

    *
    *