前端
浏览器存储Browser Storage
你可能会问
浏览器存储到底是什么？为什么有的网站关掉重开，还记得我？
简单来说
把少量数据存在用户浏览器里，刷新或下次再来时还能读到。
这台设备的抽屉
theme"dark"
draft"写到一半…"
刷新页面…读到 theme = "dark"刷新之后，它还在
01 · 先这样理解
把抽象概念放进真实场景
把少量数据存在用户浏览器里，刷新或下次再来时还能读到。
换个角度想浏览器存储像健身房的储物柜：东西存在你常去的那家店（这台设备的浏览器），下次来还在；但换一家店（另一台设备）柜子就是空的，店家清柜（清缓存）东西也就没了。
02 · 点击演示
存一条数据，刷新后还在吗？
突出显示的部分，就是当前概念在整条流程中负责的位置。
- 往浏览器的抽屉里放一张便签
theme 关闭页面 ✕
数据还躺在浏览器里
刷新页面后读取
theme"dark"这台设备 · 还在 另一台设备 · 没有
1 / 4
Write · 把键值对写进浏览器
03 · 放进真实任务
什么时候会遇到它
记住偏好
深色模式、语言选择，下次打开自动生效。
保持登录
登录凭证放在浏览器里，关掉重开不用再输密码。
暂存草稿
表单写到一半不小心刷新，内容还能找回来。
04 · 想一想
用一个问题检查理解
用户换了台电脑登录，发现深色模式设置没跟过来。这是 bug 吗？
查看答案
不是。偏好存在原来那台设备的浏览器里，不会跟着账号走。想跨设备同步，就得把它写到后端数据库、和账号绑定。
最容易踩的坑
浏览器存储在用户手里：能被查看、修改和清空。别往里放密钥和敏感信息，重要数据永远以后端为准。