不想买服务器、不想配数据库，但又想让自己的小工具"记住"数据？localStorage 是被低估的方案。分享笔者的实践和边界。
适合什么
单用户、数据量小（几 MB 内）、不需要多端同步的工具：课时记录、选题库、监测数据、习惯打卡。笔者的 GEO 工作台、课时工具全靠它。
基本用法
// 存
localStorage.setItem('myData', JSON.stringify(list));
// 取
const list = JSON.parse(localStorage.getItem('myData') || '[]');
配合一个单 HTML 文件，就是完整应用。双击打开即用，零部署。
必须知道的三件事
- 数据存在浏览器里。换浏览器、清缓存、换电脑，数据就没了——所以导出备份功能必须有，笔者的做法是一键导出 JSON 文件；
- 容量上限约 5-10MB（浏览器而异），存文本绰绰有余，别存图片；
- 不加密。敏感数据（API Key、客户信息）要么不存，要么接受风险。笔者的做法是 API Key 单独存，备份导出时排除。
进阶：IndexedDB
数据量上来后（存大量长文本），可以无痛升级到 IndexedDB，容量大得多，API 复杂一点，但让 AI 写封装好的读写函数就行。
这套方案的哲学
不是每个工具都需要"正规架构"。一个 HTML 文件 + localStorage，能让一个人用上十年。够用、可控、可迁移——对个人工具来说，这三点比"专业"重要。
技术交流可全网搜索"鄢锐聊AI落地"。
本文作者：鄢锐，企业AI应用培训师，坐标成都。
标签：localStorage 前端 JavaScript 个人工具 效率
