浏览器中的本地存储和缓存有什么区别？ [关闭]

Question

当我们在 chrome 的开发者控制台中打开应用程序段时，我们会看到很多类似的东西：

• 应用

  • 清单
  • 服务工作者

• 存储

  • 本地存储
  • 会话存储
  • 索引数据库
  • Web sql
  • Cookie

• 缓存

  • 缓存存储
  • 应用缓存

我知道缓存用于在本地保存资源，cookie 用于将数据保存在客户端以维护会话。 以键值格式缓存存储。

我想确切地知道它们之间的区别。

Answer 1

我的经验有限，但就我能理解的：

缓存是使用非常频繁的数据，因此存储它以减少所需的处理和加载。

1. 在计算机中，缓存有助于保存处理器用来计算最基本指令的临时数据。它比 ram 快得多，因此更昂贵/更小，但意识形态相同。
2. 在您的浏览器上，常见数据是您从网页获取的 HTML 和 CSS 等文件

本地存储相反，数据不那么通用，而更加特定于用户，例如表单信息或您在 Google 上以紫色显示的已查看页面 它也是您的 CSS 的对象和数据和 HTML 呈现。

例如：在 YouTube 上，您有一种标准格式，用于显示信息、图标和工具栏，将其想象为界面。缓存在这里有很大帮助。这就是为什么您无需等待 YouTube 图标、搜索栏等重新加载即可搜索新视频的原因。

另一方面，当您登录 youtube 或任何其他网页（如亚马逊）时，该网站通过本地存储知道您的 id。本地存储也有不同的 javascript 界面对象，例如一些选项卡或额外的菜单。

来源：

• HTML5 Local Storage VS App Cache Offline Website Browsing
• http://searchstorage.techtarget.com/definition/cache

• http://www.differencebetween.com/difference-between-ram-and-vs-cache-memory/

• 我也去尝试了以下方法：我去浏览器设置并删除缓存数据并刷新页面。然后我清除了本地存储，我不得不重新登录。

Answer 2

可以随时清除缓存。本地存储肯定会保留。