核心技术栈
基础技术:精通JavaScript(ES6+)、CSS3、HTML5等前端核心技术,熟悉W3C标准及浏览器兼容性解决方案
主流框架:熟练掌握Vue2/Vue3、React等现代化前端框架,具备大型项目架构经验
UI组件库:熟练使用Element-UI、Ant Design、Vant等UI框架进行高效开发
可视化开发:封装ECharts组件实现复杂数据可视化,开发树形组件、地图组件(百度/天地/离线地图)等
跨端开发:具备小程序、Uniapp多端开发经验
进阶技术能力
工程化开发:掌握TypeScript类型系统,使用Nuxt.js开发服务端渲染应用
前端架构:封装通用组件、工具函数和样式库,提升团队开发效率
全栈能力:掌握Java后端开发,熟悉Spring生态,具备前后端分离项目开发经验
开发工具:熟练使用VSCode、IDEA、Eclipse等开发工具
项目经验亮点
主导多个大型管理系统前端架构设计和开发
开发可视化大屏、复杂表单、地图应用等专业模块
优化前端性能,提升用户体验
实现前后端高效协作开发模式
技术优势
8年+前端开发经验,技术全面
既能快速实现业务需求,又能进行架构设计
持续关注和学习前沿技术
良好的编码规范和工程化思维
10年以上Web前端,对企业级前端开发有经验
能源管理系统,城市地图管廊,安全系统,大屏,业务中台,数据中心,政务系统,检察院等
1. 型谱工具(2023.09-2024.05)
技术栈:Vue3 + ElementPlus + WebSocket + SpringCloud
核心贡献:
设计并开发动态参数配置系统,支持数千种产品型号的复杂关联规则(互斥项、限定项、排除项逻辑),实时计算价格并生成变更记录。
实现WebSocket 实时推送产品公告,确保用户即时获取关键更新,减少手动刷新频率。
通过虚拟滚动优化万级数据渲染性能,首屏加载速度提升60%。
主导前后端联调,封装通用型谱解析组件,被复用于其他业务模块,减少重复开发量30%。
业务价值:替代原有Excel手工配置流程,报价效率提升90%,错误率降至0.5%以下。
2. 东方商用车能源管理信息系统(2020.08-2020.12)
技术栈:Vue2 + ECharts + WebGL + SpringBoot
核心贡献:
开发集团级能源实时监控大屏,集成多车厂数据流,通过WebGL 3D渲染工艺管线能耗,支持10万级数据点秒级刷新。
设计动态表单引擎,允许业务人员自定义能源报表模板,减少开发介入需求。
优化ECharts多图层叠加性能,利用Worker线程解耦数据处理,避免主线程卡顿。
实现能源成本预测算法前端可视化,帮助管理层年度节能目标达成率提升15%。
业务价值:系统覆盖5大生产基地,年节约能源分析人力成本200万+。
3. 访客系统(2023.10-2023.12)
技术栈:Vue3 + ElementPlus + 钉钉开放平台
核心贡献:
构建动态数据驱动的访客管理模块,支持数千字段灵活配置(住宿、餐饮、车牌等),通过递归组件实现多层嵌套表单渲染。
集成钉钉API实现双向消息推送(来访人员短信+业务员钉钉通知),入园/离园状态自动同步至保安端界面。
开发离线缓存机制,确保园区弱网环境下数据提交不丢失,通过IndexedDB实现本地暂存与断点续传。
业务价值:年接待访客超2万人次,行政流程耗时减少70%,获客户集团创新流程奖。
4. EDVS综合管理平台(2019.04-2023.05)
技术栈:Vue2/jQuery → Vue3重构 + SpringCloud
核心贡献:
主导前端架构升级,从jQuery单体应用迁移至Vue3微前端架构,模块加载速度提升40%。
实现单点登录(SSO)与权限控制体系,支持20+子系统无缝跳转,减少重复登录问题95%。
开发通用低代码表单生成器,支撑90%后台CRUD需求,缩短同类功能开发周期至1人日。
业务价值:系统服务10+制造企业,成为公司标准化产品核心平台。
技术亮点总结
复杂交互设计:型谱工具的动态规则引擎、访客系统的超字段表单,体现高复杂度业务抽象能力。
性能优化:WebGL/Worker/虚拟滚动等方案,解决工业级数据量下的体验瓶颈。
工程化思维:微前端改造、低代码工具链建设,显著提升团队交付效率。
全栈能力:深度参与Java后端接口设计,主导WebSocket/SSO等跨端方案落地。
5. 政治监督系统(2024.03-2024.07)
技术栈:React 18 + Ant Design + ECharts
核心贡献:
基于 React 函数组件 + Hooks 构建高可维护性前端架构,采用 模块化设计 实现监督任务、线索管理、统计分析等核心功能模块。
集成 Ant Design Pro 快速搭建后台管理系统,定制化开发 动态权限路由,支持多角色(纪委、巡察组、普通用户)差异化界面与操作权限。
使用 ECharts 可视化监督数据(如问题线索趋势图、整改完成率仪表盘),并实现 大屏适配,满足领导驾驶舱数据展示需求。
开发 Excel 导入/导出 功能,支持批量上传线索数据,利用 Web Worker 处理大规模数据解析,避免主线程阻塞。
该项目基于我们自己的产品然后增加一些定制页面实现各车厂集中的集团级能源管理系统总平台。按照集团对于各车厂生产工艺及 能源体系管理的数据需求,实时展示出集团各类能源的总消耗情况,通过集团级能源管理系统为管理人员提供分析依据,实现能源 计划管理、实绩分析、成本计算、检查考核、职能
一站式门户商城购物网站 核心功能优化 性能提升 实现商品列表虚拟滚动加载 采用图片懒加载+WebP格式压缩,首屏加载速度提升65% 优化API请求合并与缓存策略,减少接口调用量40% 用户体验升级 重构商品详情页SPA架构 开发智能搜索推荐