20141029

1、

今天写好了移动端的单页面交互的DEMO，在小米2上的UC，猎豹，QQ浏览器，甚至原生浏览器上效果不错。

页面动画效果有，opacity的渐隐渐现，translate3D的位移，以及位移+渐变。

但是，杀千刀的是，在公司产品的自带APP里的webview上，效果大减。

于是把opacity的渐隐渐现这个页面切换动画拿掉。

照现在的android4.0到android4.3自带的webview情况，动画只用translate3D的位移，以及scale放大缩小。

 

2、

安卓webview的坑，除了css3一些动画效果。另一个坑就是，稍多一点的DOM结构，页面就卡。

表现在，两张页面切换，重的那张，要稍等一会才出来.

查找了下原因，是因为我的垂直居中使用translateY百分之50%的原因。果断用负margin-top来解决。

 

3.

既然是webview的单页面，路由少不了。

管理路由其实蛮简单，就是一个数组，管理用户的页面进入顺序。

进一张页面，push一个值到路由数组。退出，路由数组pop。

 

4.