EXPLORE / PROJECTS
实战项目
读懂原理，动手实践，每次前进一小步。
01—02 · 页面制作
从个人主页到课程网格，完成移动端验收。
03—05 · 应用开发
用待办、检索和自测项目串联数据、状态与验证。
06—08 · 完整工具项目
制作学习看板、番茄钟和简易记账本。
建议学习方式：先阅读机制，再运行示例；完成练习后展开参考答案。每章都有验证步骤与常见边界。
01 · 个人主页：从内容结构到发布验收
独立完成有简介、技能与作品入口的响应式页面，并解释每个布局决定。
02 · 课程卡片网格：弹性布局与内容压力测试
构建从单列到多列自然适配的课程列表，并覆盖长标题与空内容。
03 · 待办清单：状态、持久化与恢复
完成添加、勾选、删除和刷新恢复，并理解状态与DOM的单向关系。
04 · 课程检索器：组合筛选与空状态
把关键词和主题条件组合成可预测的筛选，完整处理重置和无匹配结果。
05 · 自测练习器：状态流转与重复提交保护
完成选择、判题、解释、下一题和重做流程，确保每题只计分一次。
06 · 学习进度看板：多状态、筛选与持久化
做出可添加目标、切换阶段、筛选和刷新恢复的学习看板，确保进度统计来自完整数据。
07 · 番茄钟：计时漂移、暂停与后台恢复
实现开始、暂停、继续与重置，用截止时间计算剩余量而不是依赖回调次数。
08 · 简易记账本：金额解析、分类与汇总
用整数最小货币单位保存金额，完成分类筛选、合计与本地恢复。