Vue.js / Vue3 / Vue2
TypeScript
React
UniApp / 微信小程序
ElementUI / Ant Design
ECharts 数据可视化
vxe-table 高性能表格
前端性能优化
Git / CI/CD
项目一:智慧营销平台(数字化销售决策系统)
项目描述:
山东能源集团核心数字化转型项目,实现从煤矿产出、洗选加工到物流销售的全链路闭环管理。系统集成多维数据,为集团提供销售价格预估、运费精算及产销存一体化看板,是集团经营汇总与战略决策的核心支撑平台。
技术栈:Vue3 + TypeScript + Pinia + vxe-table + ECharts + Webpack
我的职责:
担任前端负责人,负责项目整体技术选型及架构设计,为团队成员提供技术指导与疑难排解
核心难点攻克:针对大数据量、非分页、高交互的复杂报表场景,基于vxe-table实现了高性能可编辑表格,完成复杂的单元格合并逻辑、多级数据动态新增及实时计算,解决了极端数据量下的渲染瓶颈
基于RBAC模型动态构建权限管理体系,支持用户、角色、权限的动态配置
使用ECharts构建数据看板,实现定价模型、市场趋势等多维度数据可视化
开发错误上报系统,通过数据埋点实现线上问题实时监控
项目成果:
复杂报表渲染性能得到质的提升
为集团周/月/年经营汇总提供稳定支撑
项目二:宇通综合业务平台
项目描述:
该项目包括PC端、H5和APP端,涉及客户的贷前、贷中和贷后业务流程,用于提升贷款业务的管理效率和客户体验。
技术栈:Vue2 + Vuex + ElementUI + Vant + Flutter + Webpack
我的职责:
负责贷前模块前端开发,配合业务/产品进行需求评审、技术选型、代码实现到功能落地全流程
基于动态路由和自定义指令,精确控制页面及按钮级访问权限
核心亮点:针对大数据量表格渲染问题,开发可视化大数据表格方案,将页面渲染速度提升90%,并封装成公共组件供团队复用
配合移动端负责人使用Flutter完成部分移动端功能
配合测试运维完成系统部署上线
项目成果:
大数据表格渲染速度提升90%
公共组件复用降低团队开发成本
项目三:宇通人力资源管理平台(ERP)
项目描述:
包含PC端和APP端的企业人事管理平台,主要功能包括人员入职、打卡、薪酬计算、假期管理、离职交接等。
技术栈:React + React-Redux + React Router + Ant Design
我的职责:
负责PC端业务功能实现及Bug修复,对已封装组件根据需求进行二次开发
对多次使用的功能进行组件封装,提升代码复用性和开发效率
对性能较差的页面进行排查分析,提出优化方案并落地实施