1、

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

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

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

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

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

2、

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

表现在，两张页面切换，重的那张，要稍等一会才出来，我估计是浏览器在渲染DOM结构，每次display:block，又重新渲染一次，蛋疼。

看来，我要优化下，减少reflow，增加repaint。那就不display:none;，visibility:hidden吧。

3.

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

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

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

4.

20141029