android - JQuery Mobile、PhoneGap 应用程序中数据的动态缓存

Question

我刚刚读完了一些关于缓存/离线以及关于在用户未连接到互联网时使应用程序响应的稀疏教程。这非常有趣，因为我一直想知道某些应用程序是如何做到这一点的，因为我认为这是一些数据库操作。

我对缓存机制比较陌生，我真的很想在我的下一个项目中实现它，因为我还在学习。

我读过的一些教程谈到了缓存静态文件，如图片、.css 文件、.js 文件等

我的问题是这样的；

**问题 1**
我如何缓存动态文件 例如，当用户想要查看他们的个人资料时，我有一个应用程序，我通常通过向服务器发送 Ajax 请求以使用图片和其他个人资料详细信息(文本)填充个人资料页面来实现它。这些文字和图片是动态的，如何缓存？

**问题 2**
我正在使用不同的页面(index.html、profile.html)JQuery Mobile 机制，这是否会以任何方式影响缓存，因为每次导航到新页面时我都必须刷新页面以正确显示我的样式？

这个问题可能听起来很菜鸟，但我真的很想学习并且我已经阅读了很多关于缓存的内容，但是这些问题没有得到解决。我只希望有人帮忙。谢谢...

Answer 1

根据我目前的知识给出答案。

1) 您可以使用 localStorage 存储/缓存内容，它非常基础，因此不会花费大量时间或编码或机制来实现。配置文件数据，图像作为编码字符串可以保存在 localSorage 中。首先，您将配置文件数据保存在 localStorage 中。然后下次在应用程序启动后，您可以从 localStorage 加载数据，同时您可以对服务器进行异步 ajax 调用以检查数据是否被修改。如果是这样，那么您可以再次获取该数据并更新 localStorage。

2) 如果您使用 localStorage，那么在您达到 5 mb 的 localStorage 大小限制之前，页面转换将不是问题。