前端开发实习报告

前端开发实习报告

本次实习为期十六周，开展时间为2024年2月下旬至6月中旬，实习单位为本地专注中小微企业数字化服务的星智科技有限公司，岗位隶属于产品技术部前端开发组，入职初期我仅掌握在校期间学习的Vue3基础语法、原生CSS和简单的Demo开发经验，完全没有接触过企业级协作项目，组内特意安排拥有7年前端开发经验的工程师李铭作为我的带教导师，从基础代码规范到项目全流程落地逐层带我熟悉业务。实习前期我主要承担页面还原的辅助工作，对照UI设计师交付的Figma设计稿完成静态页面的开发，最初我对细节的把控度不足，曾多次出现设计稿标注的8px圆角、16px间距被我误写成6px、12px的问题，交付后被测试同事打回返工，几次下来我养成了开发前先用Figma插件遍历所有元素间距、色值的习惯，后续交付的十余个活动页面、功能子页全部一次通过视觉校验，同时我熟练掌握了TailwindCSS的高级用法，能够快速适配多端页面的响应式效果，还自主整理了项目常用的原子类色值、间距对照表同步给组内新入职的同事使用。进入实习中期我开始参与核心业务的组件开发工作，本次我负责的是公司核心SaaS产品星智OA的审批流配套配置化表单模块，过去开发团队每次新增业务表单都要手动重复编写大量重复的输入、校验代码，我最初按照自己的思路封装组件时，把表单校验、提交逻辑完全耦合在主文件里，后续要新增自定义校验规则、特殊字段渲染时必须修改核心代码，维护成本极高，在带教导师的指导下我重构了整套组件逻辑，通过v-model透传、命名插槽预留、配置项传参的方式实现了低耦合的配置表单，最终交付的组件仅需传入简单的JSON配置就能自动生成完整表单，对比传统手写表单的开发效率提升了60%，还支持表单字段动态联动、批量导出Excel等拓展功能，目前已经在全公司所有前端项目中推广使用。后续我还参与了线上问题的排查修复工作，曾遇到大量iOS15以下系统的客户反馈页面滚动时顶部导航栏的背景出现闪跳问题，我通过逐行屏蔽样式属性定位到是backdrop-filter毛玻璃属性在低版本Safari浏览器中的兼容性bug，最终通过条件判断给低版本系统替换为半透背景色的降级方案解决了该问题，我还把这次兼容性排查的全流程整理成文档同步到组内的公共知识库，避免后续其他同事再踩同类的坑。这段实习经历给我带来的成长远不止技术层面的提升，之前在学校写代码只需要保证功能能跑通就行，进入团队后我才真正理解企业级项目对于代码可维护性、可拓展性的要求，我跟着团队熟悉了从需求评审、UI走查、代码提交前ESLint校验、自动化测试到上线灰度发布的全流程规范，还参与了项目打包优化的专项工作，通过路由懒加载、大文件代码分割、图片WebP格式替换等手段，把项目首屏加载速度从原本的3.2秒优化到1.7秒，大幅降低了用户的跳出率。同时我也改掉了过去遇到问题就直接上网搜答案的坏习惯，现在遇到陌生需求会先自己梳理逻辑框架，梳理不通再整理好问题点找带教和同事沟通，大幅提升了问题解决的效率。实习过程中我也清晰意识到自己的短板，目前我对于复杂组件的颗粒度拆分能力还有所不足，之前开发数据大屏项目时我把十余种跳转逻辑、数据渲染逻辑都堆砌在主页面文件里，后续维护时修改一个小功能就要翻几百行代码，后来才在带教的提醒下抽离出独立的组合式hooks把不同逻辑拆分到单独的文件中，另外我对于Node.js全栈开发的知识储备还有所欠缺，后续和后端联调时遇到接口逻辑调整的场景，没法快速给出前后端配合的最优方案，经常要反复沟通好几次才能敲定需求。接下来我会针对自己的不足做针对性提升，后续毕业之后我会继续深耕前端开发技术体系，重点学习微前端落地、性能深度优化的相关知识，补全Node.js服务端开发的相关技能，争取未来能独立承接中小型全栈项目的开发，也会多参与开源社区的相关贡献，积累更多真实项目的落地经