📅 创建时间:2026-07-09
🎯 一句话介绍:一款用 HTML/CSS/JS 打造的侧边栏风格笔记软件,浏览器打开即用
- ✅ 新建笔记 — 一键创建,自动聚焦
- ✅ 实时编辑 — 点击即编,自动保存
- ✅ 分类管理 — 工作 / 学习 / 生活,按类筛选
- ✅ 关键词搜索 — 标题 + 内容实时过滤
- ✅ 标签系统 — 多标签标记,精细检索
- ✅ 数据导出 — 一键导出 JSON 备份文件
- ✅ 时间记录 — 显示创建时间和最后修改时间
- 用浏览器打开
index.html文件 - 双击即可使用!(推荐 Chrome 或 Edge 浏览器)
sui-ji-noteapp/
├── README.md # 你正在看的文件
├── CLAUDE.md # AI 开发指引手册
├── index.html # 主页面(唯一页面)
├── css/
│ └── style.css # 样式文件
├── js/
│ ├── app.js # 应用主入口
│ ├── storage.js # 数据存储模块
│ ├── sidebar.js # 侧边栏逻辑
│ └── editor.js # 编辑区逻辑
└── docs/ # 开发文档
├── 01-技术方案选择.md
├── 02-功能设计文档.md
└── ...
- HTML5
- CSS3(Flexbox 布局 + CSS 变量)
- 原生 JavaScript(ES6+)
- localStorage(浏览器本地存储)
| 日期 | 进展 |
|---|---|
| 2026-07-09 | 项目启动,完成方案选择、功能设计和项目初始化 |
🎉 从零开始,亲手打造你的第一款软件!