第 17 课 11 / 20 | 编码:L17-15
核心知识

浏览器状态持久化

localStorage 可跨刷新保存少量字符串数据,按来源隔离;用户清理数据后可能丢失。

  • 键和值都是字符串
  • JSON 可序列化简单数据
  • 不要保存密码和敏感信息;读写需要 try/catch。file:// 下的存储行为不统一,正式验证使用 HTTP(S)
try {
  localStorage.setItem("activeTab", tab.dataset.panel);
} catch (error) {
  // 存储失败时,页面仍应可以切换。
  console.warn("本次选择未保存", error);
}