示例localstorage和sessionstorage的数据

时间:2017-06-27 15:18:38

标签: html5 local-storage session-storage

我理解localstorage和sessionstorage的教科书定义/概念。我真的应该写,“我相信我这样做”。我的两个问题如下:

  1. 您能否提供一个明确的示例,说明何时应该使用另一个(本地存储/会话存储)?基本上,应该是什么数据 存储在localstorage中,以及将存储在哪些数据中 sessionStorage的?我已经阅读了可以进入本地存储的国家/地区代码列表,我认为这是非常正确的。如果国家/地区列表发生更改会发生什么情况,旧列表是否会始终显示以及如何在更改时刷新列表?
  2. 当localstorage和/或sessionstorage命中时会发生什么 浏览器的最大mb?

1 个答案:

答案 0 :(得分:2)

1)您使用LocalStorage或SessionStorage存储的数据取决于您希望用户体验应用程序的方式。

例如,如果您有一个登录页面,则用户名应该是 LocalStorage 保存的内容,因为这个用户可能会多次登录您的应用程序,而不是必须将密码保存在浏览器。即使在关闭浏览器或更改选项卡之后,在LocalStorage中使用用户名也可以使用户以后更容易登录。

但是,如果您的系统在产品之间提供预订搜索比较等服务,则使用 SessionStorage存储数据会更好,因为虽然用户在使用您的应用程序时设置的值在此会话期间不会更改,但它们可能 - 并且可能会 - 在将来使用您的应用程序时更改。 / p>

在具体情况下,并重复开头所说的内容,即使您的国家/地区列表发生变化,您也需要考虑用户与您的系统的互动方式以及您的需求使用他们提供的数据。

不要忘记,如果需要,您可以随时清理localStorage,并在显示时设置新值。

2)有一个非常好的解释,说明浏览器如何响应完整内存here