大学生寒假到公司兼职实习工作报告.docxVIP

大学生寒假到公司兼职实习工作报告

大学生寒假兼职实习工作报告

一、实习单位概况

本次实习单位为智慧科技有限公司，成立于2015年，是一家专注于企业数字化转型解决方案的高新技术企业。公司总部位于北京市海淀区，拥有员工300余人，其中研发人员占比65%。公司主要业务涵盖企业资源规划系统、客户关系管理系统、数据分析平台等领域的软件开发与实施服务。2022年公司年营业额达2.8亿元，服务客户超过500家，覆盖制造业、零售业、服务业等多个行业。

二、实习时间与岗位

实习时间：2023年1月15日至2023年2月28日，共计45天

实习岗位：前端开发实习生

所属部门：产品研发部

三、实习主要内容

1.项目背景与目标

我参与的智慧零售项目是公司为某大型连锁零售企业开发的全渠道销售管理平台，旨在通过整合线上线下销售数据，实现库存、订单、会员等信息的统一管理。项目团队共15人，包括产品经理2名、UI设计师2名、前端开发工程师4名、后端开发工程师5名、测试工程师2名。项目周期为6个月，我实习期间处于项目中期阶段。

2.技术栈与环境搭建

项目主要使用以下技术栈：

-前端框架：React18.2.0

-状态管理：ReduxToolkit1.9.3

-UI组件库：AntDesign5.6.1

-构建工具：Webpack5.75.0

-CSS预处理器：Sass1.58.3

-代码版本控制：Git

-项目管理工具：Jira

实习初期，我负责搭建本地开发环境，配置Node.js环境（版本16.18.1），安装必要的依赖包，并完成了与团队代码仓库的连接。环境搭建过程中解决了Node.js版本兼容性问题，通过nvm工具成功管理多个Node.js版本，确保了与项目要求的16.18.1版本一致。

3.具体开发任务

任务一：商品管理模块界面开发

负责开发商品管理模块的前端界面，包括商品列表、商品详情、商品分类管理等功能。使用ReactHooks进行组件开发，实现了以下功能点：

-商品列表的筛选、排序、分页功能，支持按商品名称、分类、价格等多维度筛选

-商品详情页面的展示与编辑，实现了图片上传组件，支持多图预览与拖拽排序

-商品分类的树形结构展示与编辑，实现了无限级分类的动态渲染

开发过程中，共创建了23个React组件，编写代码约3500行，其中自定义Hook5个，工具函数12个。通过React.memo和useMemo优化了组件性能，将列表渲染性能提升了约40%。

任务二：数据可视化组件开发

基于ECharts5.4.3，开发了销售数据可视化组件，包括：

-销售趋势折线图，支持时间范围选择与数据对比

-商品类别占比饼图，支持点击交互与数据下钻

-地区销售热力图，展示不同区域的销售分布情况

组件设计采用了响应式布局，确保在不同屏幕尺寸下均有良好展示效果。通过ECharts的dataZoom组件实现了数据缩放功能，用户可查看不同时间粒度的销售数据。组件开发过程中，共处理了12种不同的数据格式，实现了15种图表配置方案。

任务三：API接口对接与数据处理

负责与后端团队协作，完成前端与后端API的对接工作。共对接了36个RESTfulAPI接口，实现了数据的增删改查功能。主要工作内容包括：

-根据API文档编写数据请求模块，使用axios1.3.4进行HTTP请求

-实现了请求拦截器与响应拦截器，统一处理错误信息与loading状态

-封装了通用的数据转换函数，处理后端返回的JSON数据，适配前端组件需求

-实现了数据缓存机制，减少重复请求，提升用户体验

接口对接过程中，通过Postman工具共测试了156个接口用例，发现并修复了12个接口问题，包括数据格式不一致、字段缺失等问题，确保了前后端数据交互的稳定性。

任务四：性能优化与问题修复

参与项目性能优化工作，主要解决了以下问题：

-商品列表页面首次加载时间过长，通过代码分割与懒加载策略，将首次加载时间从3.2秒优化至1.5秒

-大数据量表格渲染卡顿问题，采用虚拟滚动技术，实现了10万行数据的流畅渲染

-图片资源加载优化，实现了图片懒加载与WebP格式转换，页面资源加载体积减少35%

在问题修复方面，共修复了23个前端bug，包括浏览器兼容性问题、数据异常显示问题、交互逻辑错误等。通过Chr