About Me
Experience
Frontend Engineer
某公司 - - Now
职位: Frontend Engineer | 项目: 项目名称: 汇合后台管理系统\n项目周期:2025.1 - 2025.6\n技术栈:Vue3/React + TypeScript + Ant Design/Element UI + Axios + ECharts + Webpack/Vite\n项目角色:前端负责人/核心开发者\n项目描述\n部门开发的高效数据管理平台,实现用户权限控制、数据可视化、多模块协同操作(如订单、库存、用户管理)。日均承载 500+ 用户操作,数据量级 10W+,系统可用性达 99.9%。\n核心职责与成果\n架构设计与开发\n基于 Vue3 Composition API + TypeScript 搭建工程,采用模块化设计降低耦合度,代码复用率提升 30%\n实现动态路由系统,支持 RBAC 权限模型(角色/菜单/按钮级控制),权限配置项达 200+\n封装 axios 拦截器,统一处理 Token 认证、错误码及请求重试,接口异常率下降 40%\n性能优化\n首屏加载耗时从 4.2s 降至 1.1s:路由懒加载 + 组件异步加载 Webpack 分包策略(chunk 体积减少 65%) CDN 托管静态资源\n大数据列表渲染优化: 虚拟滚动技术(10,000+ 行数据帧率 ≥ 55fps)\n复杂功能实现\n开发实时数据看板:整合 ECharts 实现 12+ 种动态图表(销售漏斗/热力图等),支持自定义筛选\n设计可配置表单引擎:通过 JSON Schema 动态生成表单,覆盖 50+ 业务场景\n实现 Excel 批量导入/导出功能,结合 Web Worker 处理 10MB+ 数据文件\n工程化与质量保障\n引入 GitLab CI/CD 自动化流程,构建部署时间缩短至 3 分钟\n编写单元测试(Jest + Vue Test Utils)覆盖率达 85%\n使用 Sentry 监控前端异常,关键问题 24h 内修复率 100%\n项目亮点\n体验提升:设计全局 Loading 状态机与操作引导系统,用户任务完成效率提升 25%\n跨平台适配:响应式布局兼容 PC/平板,通过 CSS 变量实现主题切换(支持 5 种预设主题)\n技术攻坚:解决多 Tab 页数据同步问题,开发基于 WebSocket 的实时消息推送系统\n项目成果\n系统上线后支撑日均 3,000+ 业务操作,错误率 \u003c 0.5%\n沉淀 15+ 可复用业务组件,推动团队组件库建设