浏览器的本地存储：是 JavaScript 原生 DOM 中提供的一个存储信息到浏览器存储中或者会话中的一个功能方法。

• 存储内容大小一般支持 5 MB 左右（不同浏览器可能还不一样）

• 浏览器端通过 window.sessionStorage 浏览器会话存储和 window.localStorage 本地存储属性来实现本地存储机制。

• 相关 API：

  1. setItem('key', 'value'); 写入存储：该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新（覆盖）其对应的值。

     写入对象时，要使用 JSON.stringify(value) 将对象转化为字符串才能添加到存储中。

  2. getItem('person'); 读取存储：该方法接受一个键名作为参数，返回键名对应的值。

     读取存储的数据为对象字符串时，要获取字符串中的对象，要使用 JSON.parse(value) ，才能将读取的数据获取为对象。

  3. removeItem('key'); 删除存储：该方法接受一个键名作为参数，并把该键名从存储中删除。

  4. clear() ：该方法会清空存储中的所有数据。

⚠️ 备注：

• . SessionStorage 存储的内容会随着浏览器窗口关闭而消失（与服务器回话 Session 要区别）。
• LocalStorage 存储的内容需要手动清除才会消失（清除浏览器缓存）。
• getItem(xxx) 如果对应的 value 获取不到，那么 getItem 的返回值是 null 。（ JSON.parse(null) 获取对象值获取不到的结果依然是 null 。）