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.