小工具 · 跟做练习
高中 · 16–18 岁可以独立完成家庭场景
做一个不会消失的灵感便签
写下、编辑和保存便签，第一次理解网页如何记住你的内容。
- 看到第一个变化
- 15 分钟内
- 做出完整版本
- 120 分钟内
- 运行方式
- 下载 notes-app 目录后直接打开 index.html
- 使用的积木
- HTML / CSS / JavaScript / localStorage
FIRST VISIBLE CHANGE
先做这一件事
修改页面标题和新增按钮，让它明确服务于你选择的记录场景。
CREATOR LOOP / 创造者六环
前五环长能力，最后一环长身份。
- 语文与表达
- 科学
- 信息科技
- 01问题
从一个持续想追问的学习主题出发，决定自己真正需要保存哪类证据和想法。
- 02知识
理解事实、引用、疑问和个人判断的区别，并学习浏览器本地存储的基本机制。
- 03工具
给便签增加类型、时间或来源字段，让工具服务自己的研究方法。
- 04作品
做出一个刷新后仍能保留内容、能区分记录类型的个人研究便签。
- 05反馈
用它完成一次真实阅读或小研究，再根据检索和理解困难修改字段。
- 06身份
能够解释哪些观点来自自己、哪些来自来源，并为最终判断承担署名责任。
你必须亲自做
- 提出研究问题并决定什么证据值得保存
- 区分自己的判断、原文引用和仍未解决的疑问
AI 可以帮助
- 解释 localStorage 的保存与读取流程
- 协助增加字段并设计刷新后的验证步骤
完成前要验证
- 核对引用来源，并亲自判断 AI 总结是否忠于原意
三段路径 · 自动保存在本机
从第一个变化，到你的版本
0/ 3 步
0115 分钟
- 打开页面
- 新增一张便签
- 刷新确认内容仍存在
做完的标志：刷新页面后，你的第一条内容还在。
0245 分钟
- 修改标题和空状态
- 调整便签颜色
- 加入一条真实内容
做完的标志：别人能看出这个工具专门记录什么。
032 小时
- 选择字数提示或创建时间
- 让 AI 帮你定位数据结构
- 完成并测试刷新
做完的标志：新增信息也能正确保存和恢复。
AI 协作提示词
让 AI 带路，不让它抢走决定
我想把 notes-app 改成自己的灵感记录器。先解释 localStorage 保存和读取便签的流程，并指出最适合增加“创建时间”字段的位置。请保留原功能，每次只给一个小改动和一个验证步骤。