一、学期回顾
1.1 回顾你对于软件工程课程的想象
- 期待与目标： 我原本期待通过这门课掌握标准化的软件开发流程，学会如何将一个复杂的创意（LifeFlow）转化为用户可感知的流畅界面，并解决大模型应用中常见的流式传输和异步交互问题。
- 所得与达成： 深度交互实现： 成功构建了 LifeFlow 的前端架构，利用原生 JS 实现了高效的 DOM 管理，完成了复杂的 AI 会话界面、文件上传解析展示以及任务看板。
- 接口联调经验： 深入实践了与 FastAPI 后端的对接，处理了多表单数据上传及 AI 生成内容的实时渲染。
- 响应式布局： 独立完成了适配多端设备的 CSS 布局方案，确保了项目在不同分辨率下的一致性。
- 不足与反思： 由于前期对前端框架的选择较为保守，导致后期在处理复杂状态管理（如多选 AI 功能的联动）时，原生 JS 的逻辑变得较为臃肿。未来在大型项目中应更早引入成熟的组件化框架。
1.2 回顾你在这门课程中的投入与产出
-
代码贡献： 在软工实践课程中，我负责了几乎所有的前端逻辑，编写了约 4,000+ 行代码（包含 HTML、CSS、JavaScript）。
-
项目参与： 项目名称： LifeFlow (智能工作与生活助手)
- 角色职责： 前端开发负责人。负责 UI 原型设计、前端框架搭建、AI 功能集成（Chat、摘要、任务生成）、文件管理系统界面、以及与后端 API 的深度整合。
-
时间投入：
软件工程课程花费时间 统计数据 累计总时间 200+ (h) 实际周均时间 12 (h) 预计周均时间 10 (h)
1.3 令你印象最深刻的事
印象最深刻的是： 第一次成功实现 AI 流式对话与 Markdown 实时渲染的时候。
原因： 看着 AI 生成的文字逐行跳动，并自动转化成精美的排版和代码块，那种从零到一构建出“生命力”的感觉非常棒。为了实现这个效果，我反复调试了 marked.js 和 highlight.js 的配置，虽然过程枯燥，但看到最终成果时，那种对前端技术的掌控感让我记忆犹新。
二、总结收获
2.1 我的软工实践故事
在 LifeFlow 的开发中，最让我有成就感的是“多功能复选框触发机制”。
- 经验总结： 当时需求是用户可以勾选“摘要”和“任务生成”等多个功能。我没有简单地写死接口调用，而是通过前端的
checkbox状态动态构建了一个请求负载。这要求前端必须精准处理异步逻辑：先展示摘要加载动画，再根据后端反馈切换到任务生成界面。通过这个实例，我学会了如何用前端代码去“编排”后端服务，提升了复杂业务场景下的逻辑处理能力。
2.2 学习到的新技术或生产力工具
- AI 驱动开发（GitHub Copilot）： 在编写繁杂的 CSS 样式和基础 HTML 结构时，通过 AI 辅助极大地提高了生产力，让我能专注逻辑实现。
- Advanced API Debugging： 熟练使用浏览器 DevTools 监控 Network 负载，解决了多次文件上传中的边界溢出问题。
2.3 技术之外的提升
- 团队协作与接口标准： 深刻理解了“先定文档，后写代码”的重要性。与后端同学协商 API 格式的过程，让我学会了如何站在全局视角审视软件结构。
- 抗压与交付能力： 在 alpha 冲刺阶段，面对不断变动的 UI 细节需求，学会了如何按优先级排序任务，保证核心功能按时交付。
- 用户视角思维： 明白了技术再强，如果界面引导不清晰（如上传按钮不明显），用户也不会买账。
2.4 自由发挥
软工实践课让我意识到，前端不只是“画页面”，它是连接用户与代码的桥梁。在这个学期里，我最遗憾的是没能花更多时间去优化移动端的适配细节，但在有限的时间内完成这样一个功能完备的 LifeFlow 已经让我很有成就感。
送给学弟学妹： 不要畏惧复杂的逻辑，把它们拆解成一个个小的函数，你就能掌控整个世界！
三、致谢
感谢所有组员的努力。