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

Question

问题描述

小米商城的手机版页面（非APP）是如何实现切换底部菜单页面能够实现访问后保留页面（即没网络的情况下依然可以切换）

（第一次访问后，这几个页面可以离线访问）

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

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

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

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

Answer 1

网络请求缓存下来

Answer 2

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