都2022年了你还不知道Stronge本地存储么

前言：我们这篇主要是说JavaScript的本地存储web Storage，首先我们需要了解一下客户端存储的几种方式。

客户端存储的几种方式

1. cookie：最初用于在客户端存储会话信息，是在服务器响应http请求时，通过发送set-cookie给服务器，形成一个唯一识别，cookie中存储的信息只对被认可的接收者开放，不会被其他域访问。
2. web Storage：它提供在cookie之外的存储会话。并且可以永久性存储大量数据（5M）。它主要解决通过客户端存储不需要频繁发送服务器的数据请求。
3. IndexedDB：是类似于 SQL 数据库的结构化数据存储机制。不同的是，IndexedDB 存储的是对象，而不是数据表。对象存储是通过定义键然后添加数据来创建的。

web Stronge本地存储

Web Storage 定义了两个对象：localStorage 和 sessionStorage。

localStorage 是 永久存储机制，sessionStorage 是跨会话的存储机制。

这两种浏览器存储 API 提供了在浏览器中不受页面刷新影响而存储数据的两种方式。

最早之前是用的 过 globalStorage，不过目前 globalStorage 已废弃。

Storage