本地存储

Local Storage

前端工程也叫：localStorage、sessionStorage、Cookie、浏览器存储

一句话：浏览器提供的一小块本地存储空间，可以保存少量数据，关掉页面再打开也还在。

详细解释

localStorage 像浏览器给每个网站分的小抽屉：可以存主题偏好、草稿、最近搜索这类小数据，关闭浏览器也不会丢。它只能存字符串，存对象要先转成 JSON；容量通常只有几 MB，而且只属于当前浏览器，换台电脑就没有了。

相近的还有：sessionStorage 关闭标签页就清空；Cookie 容量更小，每次请求会自动带给服务器，常用于登录状态。

注意两点：一是 localStorage 能被页面上任何 JavaScript 读取，不要存密码等敏感信息；二是在 SSR 项目里，服务器上没有 localStorage，直接读取会报错，要确保只在浏览器端执行。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

用户切换的深色或浅色主题，刷新后就恢复默认了。请把主题选择保存到 localStorage，页面加载时读取，读取失败或没有值时跟随系统设置。这是 Next.js 项目，注意只在浏览器端访问 localStorage。