小米商城手机版切换页面不刷新效果如何实现?

问题描述

小米商城的手机版页面(非APP)是如何实现切换底部菜单页面能够实现访问后保留页面(即没网络的情况下依然可以切换)
mi.gif
(第一次访问后,这几个页面可以离线访问)

问题出现的环境背景及自己尝试过哪些方法

目前我使用的是pjax来实现的切页面不刷新的,但是切换到访问过的页面的时候页面依然需要重新加载,无法做到像小米商城那样有缓存,切换的时候不会刷新页面,并且离线也可以用。
一朋友告诉我可以用Service Worker离线缓存页面,但是我希望的是切换指定的几个页面不刷新;而且小米商城也没有使用Service Worker。

你期待的结果是什么?实际看到的错误信息又是什么?

希望能够使用JQuery来实现像小米商城手机版页面一样,切换底部菜单的几个页面不会重新请求整个页面,即不会刷新页面。

回答

网络请求缓存下来

你需要了解一下 pushState,如果你只用 jQuery,可以考虑看下 backbone。但是我还是建议你尽快切换到更新的 MVVM 框架上面来。

以上是 小米商城手机版切换页面不刷新效果如何实现? 的全部内容, 来源链接: utcz.com/a/19775.html

回到顶部