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

Question

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

• 应用

  • 表现
  • 服务工人

• 存储

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

• 高速缓存

  • 缓存存储
  • 应用缓存

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

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

Answer 1

我的经验有限,但我能理解:

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

1. 在计算机中,高速缓存有助于保存处理器用来计算最基本指令的临时数据.因此,它比公羊更快,更快,但同样的意识形态.
2. 在您的浏览器上,频繁的数据是您从网页获取的HTML和CSS等文件

相反,本地存储的数据不那么通用,而且更具用户特性,例如表单信息或您在Google上以紫色显示的已查看页面.它也是您的C​​SS和HTML呈现的对象和数据.

例如:在YouTube上,您有一种标准格式,其中显示信息,图标和工具栏,将其设想为界面.缓存在这里有很多帮助.这就是为什么您可以搜索新视频而无需等待YouTube图标,搜索栏等...再次重新加载.

另一方面,当您登录到youtube或任何其他网页(如亚马逊)时,该网站会通过本地存储了解您的ID.本地存储也有不同的javascript界面​​对象,如一些选项卡或额外的菜单.

资料来源:

• HTML5本地存储VS App缓存离线网站浏览
• http://searchstorage.techtarget.com/definition/cache

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

• 我也去尝试了以下内容:我进入了浏览器设置并删除了缓存数据并刷新了页面.然后我清除了本地存储,我不得不再次登录.

Answer 2

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