Day — Do AI Yourself 功能规划文档

📋 目录

• 项目概述
• 当前功能状态
• 功能增强建议
• 优先级排序
• 技术实现建议

项目概述

Day 是一个面向学生的 AI 学习资源导航网站，汇聚全球顶尖学府的 AI 课程，涵盖 13 个核心领域，帮助学生系统构建 AI 知识体系。

目标用户：

• AI/ML 初学者
• 计算机科学学生
• 希望转型 AI 领域的开发者
• 对 AI 感兴趣的自学者

当前功能状态

✅ 已实现功能

🔧 已实现但未启用的功能

功能增强建议

🎯 P0 - 核心功能（立即实施）

1. 收藏系统 UI

价值：让学生能够标记感兴趣的课程，方便后续学习

实现方案：

• 在每个课程卡片上添加收藏按钮（❤️ 图标）
• 在侧边栏添加”我的收藏”入口
• 收藏列表页面，支持批量管理
• 收藏数量统计显示

技术要点：

• 使用已有的 FavoritesManager
• UI 状态实时同步
• 支持导出收藏列表

2. 搜索功能增强

价值：帮助学生快速找到所需课程

实现方案：

• 搜索结果高亮关键词
• 搜索建议/自动补全
• 搜索历史下拉列表
• 高级搜索面板（多条件组合）

技术要点：

• 使用已有的 searchCourses() 和 SearchHistoryManager
• 实现防抖搜索
• 搜索结果统计

3. 学习路径数据化

价值：提供结构化的学习引导

实现方案：

• 将静态学习路径改为数据驱动
• 路径与课程关联（点击路径步骤跳转到对应课程）
• 路径进度追踪
• 自定义学习路径功能

数据结构示例：

const LEARNING_PATHS = [
  {
    id: 'ai-engineer',
    title: 'AI 工程师之路',
    icon: '🚀',
    description: '从零基础到能够构建完整的 AI 系统',
    steps: [
      { title: '学习 Python 编程基础', courseIds: ['python-basics'] },
      { title: '掌握机器学习基础理论', courseIds: ['cs229', 'ml-specialization'] },
      // ...
    ]
  }
];

🚀 P1 - 体验优化（近期实施）

4. 课程详情页

价值：提供更丰富的课程信息

实现方案：

• 点击课程卡片展开详情面板
• 显示完整课程描述、先修要求、学习成果
• 相关课程推荐
• 用户笔记功能
• 课程评价/评分系统

5. 学习仪表盘

价值：可视化学习进度和成就

实现方案：

• 学习统计（已学课程、总时长、完成率）
• 学习日历/热力图
• 成就徽章系统
• 学习目标设定
• 每周学习报告

成就示例：

• 🌟 “初学者” - 完成第一门课程
• 🔥 “连续学习者” - 连续 7 天学习
• 🎯 “领域专家” - 完成某个领域的所有课程
• ⏰ “学习达人” - 累计学习超过 100 小时

6. 视图切换与布局优化

价值：满足不同用户的浏览习惯

实现方案：

• 网格视图（当前）
• 列表视图（详细信息）
• 紧凑视图（快速浏览）
• 每页显示数量控制
• 无限滚动/分页

7. 平台与机构筛选

价值：按来源筛选课程

实现方案：

• 平台筛选下拉菜单（Coursera、edX、MIT OCW 等）
• 机构筛选（Stanford、MIT、Berkeley 等）
• 多选支持
• 筛选结果统计

🌟 P2 - 社交与进阶功能（中期实施）

8. 学习社区

价值：促进学习交流和互助

实现方案：

• 课程评论区
• 学习笔记分享
• 问答板块
• 学习小组功能
• 导师匹配系统

9. 个性化推荐引擎

价值：智能推荐适合的课程

实现方案：

• 基于学习历史的推荐
• 基于难度曲线的推荐
• 协同过滤推荐
• 热门课程推荐
• 新课程推荐

推荐算法：

function getPersonalizedRecommendations(userProfile) {
  // 1. 基于已完成课程的领域分布
  // 2. 基于当前难度水平
  // 3. 基于学习时长偏好
  // 4. 基于热门度和评分
  // 5. 混合加权排序
}

10. 笔记与标注系统

价值：帮助学生记录学习心得

实现方案：

• 课程级笔记
• 笔记标签分类
• 笔记搜索
• Markdown 支持
• 笔记导出

11. 学习提醒与计划

价值：帮助学生保持学习节奏

实现方案：

• 学习目标设定
• 每日/每周提醒
• 学习计划制定
• 进度预警
• 浏览器通知集成

🔮 P3 - 高级功能（长期规划）

12. AI 学习助手

价值：提供智能化学习支持

实现方案：

• AI 问答机器人
• 课程内容摘要生成
• 学习难点解析
• 代码示例生成
• 学习路径智能调整

技术栈：

• 集成 LLM API（Claude/GPT）
• RAG（检索增强生成）
• 课程知识库构建

13. 协作学习功能

价值：支持团队学习

实现方案：

• 学习小组创建
• 进度共享
• 学习挑战赛
• 代码协作
• 讨论区

14. 课程内容增强

价值：提供更丰富的学习资源

实现方案：

• 课程大纲提取
• 学习资料聚合（论文、代码、数据集）
• 视频字幕/笔记
• 课程评价聚合
• 学习资源推荐

15. 多语言支持

价值：服务更广泛的用户群体

实现方案：

• 界面多语言（中/英）
• 课程描述翻译
• 用户贡献翻译
• 语言自动检测

16. 离线支持与 PWA

价值：支持离线学习

实现方案：

• Service Worker 缓存
• 离线课程列表
• 数据同步机制
• PWA 安装提示
• 推送通知

优先级排序

实施路线图

Phase 1 ✅ 已完成
├── ✅ 收藏系统 UI
├── ✅ 搜索功能增强（搜索历史）
├── ✅ 视图切换（网格/列表）
├── ✅ 热门课程展示
└── ✅ 学习路径（静态）

Phase 2 ✅ 已完成
├── ✅ 学习仪表盘
├── ✅ 课程笔记系统
├── ✅ 课程分享功能
├── ✅ 暗色模式
├── ✅ 数据导出/导入 UI
├── ✅ 滚动进度指示
└── ✅ 学习路径视觉升级（timeline）

Phase 3 - 下一步
├── 课程详情页
├── 平台/机构筛选
├── 学习路径数据化（与课程关联）
└── 个性化推荐引擎

Phase 4 - 未来
├── 学习社区
├── 学习提醒与计划
├── AI 学习助手
├── 多语言支持
└── PWA 离线支持

技术实现建议

前端技术栈

当前：

• 纯 HTML/CSS/JavaScript
• localStorage 数据持久化
• 无框架依赖

建议升级：

• 框架：Vue 3 或 React（组件化开发）
• 状态管理：Pinia 或 Zustand
• 样式：Tailwind CSS 或保持现有设计系统
• 构建工具：Vite
• 类型检查：TypeScript

数据存储方案

当前：localStorage（单设备，易丢失）

建议升级：

• 方案 A：Firebase（快速上手，实时同步）
• 方案 B：Supabase（开源，PostgreSQL）
• 方案 C：自建后端（Node.js + PostgreSQL）

部署与运维

当前：GitHub Pages（静态托管）

建议：

• 保持 GitHub Pages（成本低）
• 添加 Cloudflare CDN
• 使用 GitHub Actions 自动化部署
• 添加错误监控（Sentry）

性能优化

• 代码分割与懒加载
• 图片优化（WebP 格式）
• 虚拟滚动（大量课程）
• 缓存策略优化
• CDN 加速

总结

Day 网站已有坚实的基础，课程数据完整，核心功能可用。通过分阶段实施上述功能，可以逐步将其打造为一个功能完善、用户体验优秀的 AI 学习平台。

关键成功因素：

1. 保持简洁 - 不过度设计，专注于核心学习体验
2. 渐进增强 - 优先实现高价值功能
3. 用户反馈 - 持续收集用户意见，迭代优化
4. 数据驱动 - 基于用户行为数据优化功能

文档版本：v2.0 最后更新：2026-06-09 作者：Day Team