hybrid APP页面切换效果有例子吗？原理是什么？

Question

想做一个但页面的hybrid APP页面的切换效果，不知道如何下手

Answer 1

一般就是两种思路：单页切换，类似于div模式切换；另外就是原生webview动画。

一般来说都是使用现成的库，单页切换说白了就是配合路由用css3动画做页面转场过渡，这不是一两句可以说得清楚的，我给你推荐一个库mobilebone.js你可以去学习一下，张鑫旭大神几年前的一个个人作品，虽然现在没怎么维护，但是基本上也都是这种思路，自己不妨拿来学习一下：
mobilebone.js官网
mobilebone.js-mobile移动web APP单页切换骨架

当然这个问题肯定有人会给你一些建议使用vue.js这种框架来构建单页，但是我想先说几句，这种单页的基本原理都是前端做路由，然后加上页面转场动画，所以基本思路是一样的，但是vuejs这种框架最主要解决的痛点不仅仅是这个页面转场动画，所以你自己根据项目权衡了。