Leetcode

Leetcode copied to clipboard

LocalStorage 与 SessionStorage 相同，但即使浏览器关闭并重新打开（即没有过期时间），它也会保留数据，而在 sessionStorage 中，页面会话结束时数据会被清除。

webVueBlog

特征 | cookie| 本地存储 | 会话存储 -- | -- | -- | -- 在客户端或服务器端访问 | 服务器端和客户端 | 仅限客户端 | 仅限客户端 寿命 | 使用 Expires 选项配置 | 直到被删除 | 直到标签关闭 SSL...

webVueBlog

您可以通过将到期日期设置为已通过日期来删除 cookie。在这种情况下，您不需要指定 cookie 值。例如，您可以删除当前页面中的用户名 cookie，如下所示。 ```js document.cookie = "username=; expires=Fri, 07 Jun 2019 00:00:00 UTC; path=/;"; ``` 注意：您应该定义 cookie 路径选项以确保删除正确的 cookie。除非您指定路径参数，否则某些浏览器不允许删除 cookie。

webVueBlog

以下几个选项可用于 cookie， 默认情况下，当浏览器关闭时，cookie 会被删除，但您可以通过设置到期日期（UTC 时间）来更改此行为。 ```js document.cookie = "username=John; expires=Sat, 8 Jun 2019 12:00:00 UTC"; ``` 默认情况下，cookie 属于当前页面。但是您可以使用路径参数告诉浏览器 cookie 属于哪个路径。 ```js document.cookie = "username=John; path=/services"; ```

webVueBlog

Cookie 用于记住有关用户个人资料的信息（例如用户名）。它基本上包括两个步骤， 当用户访问网页时，用户配置文件可以存储在 cookie 中。 下次用户访问该页面时，cookie 会记住用户配置文件。

webVueBlog

Cookie 是存储在您的计算机上供您的浏览器访问的一段数据。Cookie 被保存为键/值对。例如，您可以创建一个名为 username 的 cookie，如下所示， ```js document.cookie = "username=John"; ```

webVueBlog

Post message 是一种在Window 对象之间启用跨域通信的方法。（即，在页面和它产生的弹出窗口之间，或在页面和嵌入其中的iframe 之间）。通常，当且仅当页面遵循同源策略（即，页面共享相同的协议、端口号和主机）时，不同页面上的脚本才被允许相互访问。

webVueBlog

Web 存储是一种 API，它提供了一种机制，通过该机制，浏览器可以在用户浏览器中本地存储键/值对，这种方式比使用 cookie 更直观。Web 存储提供了两种用于在客户端存储数据的机制。 本地存储：它存储当前来源的数据，没有过期日期。 会话存储：它存储一个会话的数据，当关闭浏览器选项卡时数据会丢失。

webVueBlog

IndexedDB 是用于客户端存储大量结构化数据（包括文件/blob）的低级 API。此 API 使用索引来启用对这些数据的高性能搜索。

webVueBlog

Service Worker 的问题在于它在不使用时被终止，并在下次需要时重新启动，因此您不能依赖 Service Workeronfetch和onmessage处理程序中的全局状态。在这种情况下，服务工作者将有权访问 IndexedDB API，以便在重新启动时保持和重用。

webVueBlog