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

Question

当我们在chrome的开发者控制台中打开应用程序段时。我们看到很多像

这样的东西

• 应用

  • 清单
  • 服务工人

• 存储

  • 本地存储
  • 会话存储
  • indexed db
  • Web sql
  • 缓存

• 缓存

  • 缓存存储
  • 应用程序缓存

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

我想知道它们之间真正的区别是什么。

Answer 1

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

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

1. 在计算机中，缓存有助于保存处理器用来计算最基本指令的临时数据。因此，它比公羊更快，更便宜，但同样的意识形态。
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

可以随时清除缓存。当地的存储肯定会留下。