白骑士队JavaScript教学进阶篇之浏览器API 3.4.3 本地存储（LocalStorage, SessionStorage, Cookies）

        在现代Web开发中，处理用户数据的存储需求是不可避免的。JavaScript 提供了多种方式来实现这一需求，其中包括 ‘LocalStorage‘、‘SessionStorage‘ 和 ‘Cookies‘。这些技术允许开发者在用户浏览器中存储数据，使得网页能够记住用户的偏好、状态以及其他重要信息。

LocalStorage

        ‘LocalStorage‘ 是一种持久化的客户端存储机制，用于存储键值对数据。它的特点是数据没有过期时间，一旦存储，除非手动删除，否则数据会一直存在。

基本用法

        ‘LocalStorage‘ 使用非常简单，它提供了四个主要方法：‘setItem‘、‘getItem‘、‘removeItem‘ 和 ‘clear‘。

• 存储数据

  localStorage.setItem("username", "JohnDoe");

• 读取数据

  let username = localStorage.getItem("username");
  console.log(username); // 输出：JohnDoe

• 删除数据

  localStorage.removeItem("username");

• 清空所有数据

  localStorage.clear();

适用场景