负责公司核心在线职业技能培训平台的JS全栈开发与性能优化,覆盖用户端课程交互、后台管理系统及实时互动课堂功能,协同产品、测试团队推进需求落地,保障系统稳定性与用户体验
- 主导用户端课程详情页重构:用React 18+TypeScript替换旧版jQuery实现,引入SWR做数据请求缓存、Redux Toolkit管理课程章节/讲师/评论的复杂状态;针对原页面首屏加载慢(3.2s)问题,通过React.lazy代码分割、Intersection Observer图片懒加载及阿里云CDN静态资源优化,将首屏时间压缩至1.1s,页面跳出率下降27%
- 核心参与实时互动课堂功能开发:基于Socket.IO搭建WebSocket通信层,封装连麦、白板同步、文字聊天的通用组件,解决多终端(PC/平板/手机)兼容问题;面对峰值1000人课堂的消息延迟(1.5s),优化RabbitMQ消息队列的分发策略(按教室维度拆分队列),将延迟降至300ms以内,支撑单月2000+场高并发互动课
- 优化后台管理系统权限体系:用Node.js+Express搭建权限中间件,结合Casbin实现RBAC模型,对接前端Vue3的动态路由与按钮级权限;解决旧系统“运营人员误操作课程上下架”的问题,权限颗粒度从“课程级”细化至“操作按钮级”,误操作率下降41%
- 推动前端工程化建设:搭建基于Vite的前端构建流程,集成ESLint+Prettier+Husky的代码规范校验链,引入Jest做单元测试(覆盖工具函数、组件逻辑);将代码提交规范率从75%提升至98%,单元测试覆盖率从12%提高至45%,线上因代码不规范导致的bug率下降33%