sessionStorage适用于会话级临时数据存储，包括表单暂存、页面间状态传递、一次性提示控制及轻量接口缓存，具备标签页隔离、自动清理、无需后端等特性。
sessionStorage 是浏览器原生提供的会话级存储机制，专为“当前标签页生命周期内有效”的临时数据设计。它不跨标签页、不持久化、无需后端参与，天然适合隔离性强、时效性高、安全性要求适中的短期任务。
表单输入暂存：防止刷新丢失
用户填写长表单（如注册、订单确认、多步骤问卷）时，意外刷新或跳转极易导致已填内容清空。sessionStorage 可在每次输入变化或页面切换前自动保存结构化数据：
- 监听 input/textarea 的 change 或 blur 事件，将字段值序列化后存入 sessionStorage（如 sessionStorage.setItem('regStep2', JSON.stringify(formData))）
- 页面加载时检查对应 key，存在则解析并回填到表单控件中
- 提交成功或用户主动退出流程后，调用 removeItem 清除对应键，避免残留
页面间轻量状态传递：替代 URL 参数
在 SPA 或多页应用中，从列表页跳转至详情页时，常需携带筛选条件、分页位置、临时标识等非敏感上下文。相比拼接在 URL 中，sessionStorage 更简洁且不暴露信息：
- 跳转前存入：sessionStorage.setItem('listFilter', JSON.stringify({category: 'tech', page: 2}))
- 目标页 onLoad 或 useEffect 中读取并还原视图状态
- 返回列表页时可保留原 filter，也可主动清除以保证下次进入为默认状态
一次性提示控制：限制展示频次
新功能引导、运营弹窗、系统通知等，通常要求“本会话只显示一次”。sessionStorage 提供天然的会话维度标记能力：
- 弹窗关闭时设置：sessionStorage.setItem('shownFeatureTip', 'true')
- 组件挂载时检查：if (!sessionStorage.getItem('shownFeatureTip')) { showTip() }
- 无需额外清理逻辑——标签页关闭即自动失效，无内存泄漏风险
轻量接口响应缓存：减少重复请求
对变动频率低、体积小、无用户身份依赖的接口数据（如地区列表、配置开关、静态菜单），可在首次响应后缓存至 sessionStorage：
- 请求前先查：const cached = sessionStorage.getItem('cityList')，若存在且未过期（建议搭配时间戳判断），直接使用
- 请求成功后写入：sessionStorage.setItem('cityList', JSON.stringify({data, timestamp: Date.now()}))
- 会话结束自动释放，不影响下一次打开时获取最新数据，也不占用 localStorage 的长期空间
