102301318 杨垚总结

杨垚（102301318）- 客户端开发组

一、学期回顾

回顾你对于软件工程课程的想象
在学期初，我以为软件工程主要就是学习怎么开发软件，可能更侧重于技术实现方面。我期待通过这门课程能够提升自己的编程能力，同时体验一下团队协作开发的过程。

实际上参与项目后，我发现软件工程的内涵要丰富得多。特别是在开发游戏资料库的过程中，我深刻体会到，前端开发不只是把界面做出来那么简单，还要考虑数据怎么展示、用户怎么交互、性能怎么优化等等问题。前后端的协作、状态的管理、用户体验的优化，这些都是很重要的工程问题。

回顾你在这门课程中的投入与产出
我主要负责游戏资料库的前端开发工作，包括英雄、武器、地图等数据的展示界面，还有搜索筛选功能。我大概写了1200行左右的Vue 3代码。

软工实践各次作业花费的时间：

在软件工程课程上花费的时间：

令你印象最深刻的是哪一次作业或哪一场答辩？
最让我印象深刻的是第一次前后端联调的经历。那时候我们前端和后端的接口约定不够清晰，导致联调时出现了很多问题。比如字段名不一致、数据格式不对等等，搞得两边都很头疼。

后来我们专门开了个会，重新对齐了接口规范，决定使用OpenAPI来定义接口契约。我们还建立了接口文档中心，要求所有的接口变更都要及时更新文档。从那以后，联调的效率明显提高了。

这件事让我明白了一个道理：在团队开发中，清晰的约定和规范的文档非常重要。技术再好，如果沟通不畅、约定不清，也会影响开发效率。

二、总结收获

展开说说你的软工实践故事
我负责的资料库模块看起来就是展示数据，但实际上需要考虑很多细节问题。

刚开始的时候，我一次性加载所有数据，结果页面打开很慢，用户体验不好。后来我改用了分页加载和虚拟滚动的方案，性能提升很明显。这个过程中，我学会了如何在前端做性能优化。

在实现搜索筛选功能时，我遇到了状态管理的挑战。用户可能同时使用多个筛选条件，还要支持排序，这些状态的组合让界面逻辑变得复杂。通过使用Pinia状态管理库，我把状态逻辑抽离出来，让组件更加清晰和可维护。

为了适配不同的设备，我还重写了CSS布局，采用了响应式设计。这让我对CSS的Flex和Grid布局有了更深的理解。

让我特别有成就感的是武器对比功能的实现。用户可以选择两把武器进行详细对比，这个功能虽然不复杂，但需要考虑的数据映射和界面布局比较精细。当我看到用户能够方便地比较不同武器的属性时，觉得自己的努力很有价值。

介绍学习到的新技术或生产力工具以及它们给你带来了哪方面的帮助？

Vue 3 Composition API：通过这次项目，我熟练掌握了Vue 3的新特性，用ref、reactive、computed等API来组织代码逻辑，让代码更加清晰。
Pinia状态管理：学会了使用Pinia来管理复杂的前端状态，这比原来用Vuex更加简洁和类型友好。
Axios拦截器：实现了统一的请求处理和错误提示，提升了用户体验。
Vite构建工具：体验了Vite带来的快速开发体验，热更新速度比之前用的工具快很多。

这些技术工具不仅提高了我的开发效率，更重要的是让我建立了更专业的前端开发思维。我现在会更系统地考虑组件设计、状态管理、性能优化等问题。

技术之外，这门课程还给你带来了哪些方面的提升？

如果还有什么想记录的或者想说的，就写在这儿吧！
回顾这个学期的学习，我觉得最大的收获不仅仅是技术上的进步，更是对软件工程整体理解的提升。

以前我觉得前端主要就是把界面做漂亮，现在我知道前端要考虑的事情很多：性能、用户体验、代码可维护性、团队协作等等。前端是用户和系统之间的桥梁，这个角色的重要性超出了我原来的想象。

最让我开心的是看到自己开发的资料库被测试用户使用，看到他们认真查看英雄技能、比较武器属性，然后给出反馈意见。这种自己的作品被人使用的感觉很好。

有时候我也会想，如果时间更充裕，我可能会在交互细节上做得更好，加入更多的动画和过渡效果。但考虑到项目整体的进度和优先级，我们做出了合适的选择。

总的来说，这门课程让我从一个只会写页面的前端，逐渐成长为一个关注工程实践和用户体验的开发者。

三、致谢
感谢后端同学的耐心配合，在接口调试中我们互相理解和支持。感谢设计师提供了精美的视觉设计，让我的实现工作有了明确的方向。

感谢PM在项目协调上的努力，让我们能够专注于技术实现。特别感谢TA在前端性能优化方面的指导，让我学到了很多实用的技巧。

这段经历让我对前端开发有了全新的认识，也让我更加明确了自己未来的发展方向。

posted @ 2025-12-29 18:38 eecom 阅读(4) 评论(0) 收藏举报

刷新页面返回顶部