SessionStorage适合单次页面会话暂存结构化聊天草稿，需用动态key区分多会话、防抖保存、自动恢复并按场景主动清理。
SessionStorage 适合在单次页面会话中暂存聊天上下文草稿，比如用户输入了一段未发送的消息、选择了某个对话主题、或正在编辑历史消息——只要浏览器标签页没关闭，这些数据就一直可用。
用 key-value 结构存结构化草稿
不要只存纯文本，把草稿设计成对象，包含 sessionId（可选）、message、timestamp、isEditing 等字段，方便后续扩展。例如：
<!-- 存入时 -->
sessionStorage.setItem('chat-draft-v2', JSON.stringify({<br>
message: '我想了解一下退款流程...',<br>
timestamp: Date.now(),<br>
threadId: 't-abc123',<br>
isEditing: true<br>
}));
配合输入框实时同步 + 防抖保存
监听输入框（如 textarea）的 input 事件，但别每次按键都写入 sessionStorage——太频繁。加个 800ms 防抖：
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
- 用户停止输入半秒后，才调用
saveDraft() - 清空输入框前先调用
clearDraft()，避免残留脏数据 - 页面加载时检查是否存在有效草稿，自动填充到输入框（并标注“已恢复草稿”提示）
多轮对话中区分不同上下文
如果一个页面支持多个独立聊天窗口（比如客服分组、不同产品线），不能共用一个 key。建议用动态 key：
立即学习“Java免费学习笔记（深入）”；
-
chat-draft-${currentThreadId}—— 每个会话线程独立草稿 -
chat-draft-temp-${Date.now()}—— 临时会话（无 threadId 时用时间戳兜底） - 切换会话时，先保存当前草稿，再读取目标会话的草稿
注意边界情况和清理时机
SessionStorage 不会自动过期，但以下时机建议主动清理：
- 用户点击「发送」后立即
removeItem('chat-draft-xxx') - 用户点击「取消编辑」或「关闭当前会话」时清除对应 key
- 页面卸载前（
beforeunload）校验草稿是否已提交，未提交则弹窗确认是否保留 - 避免用
sessionStorage.clear()全局清空——可能误删其他模块数据
