浏览器本地存储-LocalStorage

特点：

持久性：数据存储在客户端，并且是持久的，直到被显式删除。
容量：通常提供至少 5MB 的存储空间。
键值对：数据以字符串键值对的形式存储，如果需要存储对象，需要先序列化为字符串。
同源策略：只有来自同一源（协议、域名、端口相同）的页面才能访问相同的数据。

使用方法：

LocalStorage 可以通过 JavaScript 进行操作，主要的方法包括：

localStorage.setItem(key, value): 设置键值对。
localStorage.getItem(key): 根据键获取值。
localStorage.removeItem(key): 根据键删除对应的键值对。
localStorage.clear(): 清除所有存储的数据。
localStorage.key(index): 获取存储中第 index 个键的名称。
localStorage.length: 返回存储中键值对的数量。

示例代码：

// 存储数据
localStorage.setItem('username', 'kimi');

// 读取数据
var username = localStorage.getItem('username');

// 删除单个数据项
localStorage.removeItem('username');

// 清除所有数据
localStorage.clear();

注意事项：

数据类型：LocalStorage 只能存储字符串，如果需要存储其他类型的数据，需要先将其转换为字符串（例如使用 JSON.stringify()）。
安全性：LocalStorage 不是加密存储，因此不应该用来存储敏感信息。
性能：虽然访问速度快，但是频繁的读写操作可能会影响页面性能。
兼容性：LocalStorage 在现代浏览器中广泛支持，但一些老旧的浏览器可能不支持。
LocalStorage 是一种简单有效的客户端存储解决方案，适用于存储用户偏好设置、会话信息等不需要频繁变动的数据。对于需要更复杂查询和事务处理的数据存储需求，可能需要考虑使用 IndexedDB 等更高级的客户端数据库技术。