localStorage 以键值字符串形式持久保存数据,关闭标签页后仍在。适合主题、语言、未登录草稿等轻量信息。
图:写入、读取与移除本地键值
localStorage.setItem("theme", "dark");
const theme = localStorage.getItem("theme");
localStorage.removeItem("theme");
// 存对象需序列化
localStorage.setItem("draft", JSON.stringify({ title: "草稿" }));
const draft = JSON.parse(localStorage.getItem("draft") || "{}");
- 容量约 5MB,不要存大文件。
- 明文存储,勿放密码、令牌等敏感信息。
- 同源策略隔离:不同域名互不影响。