localStorage 以键值字符串形式持久保存数据,关闭标签页后仍在。适合主题、语言、未登录草稿等轻量信息。

localStorage theme → "dark" key / value 字符串
图:写入、读取与移除本地键值
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,不要存大文件。
  • 明文存储,勿放密码、令牌等敏感信息。
  • 同源策略隔离:不同域名互不影响。