个人介绍
5年以上的前端开发经验,曾担任与联通相关项目的前端开发工程师,兼具PC端和移动端的开发经验 并独立完成开发,主要从事html/html5/css/javascript的开发,精通javascript和vue
对原生javascript熟练掌握应用 熟悉JQ,ant Design,element Ui 等常用框架,封装可复用UI交互组件(基于Ant Design/Element UI二次开发),被3个以上项目复用,减少30%重复开发量
项目 :
项目名称:宁德时代采购与供应商协同管理系统(pc端后台管理页面)项目描述:项目分为两个端为采购端和供应商端 负责的模块为绩效反馈-绩效申诉,现场审核-准入审核,特批准入审核。绩效管理-绩效问题,绩效申诉,绩效预警,绩效配置等相关模块。。
技术要点:
1. 基于 Vue 3 + Composition API 构建,采用 TypeScript 强类型约束,提升代码可维护性和团 队协作效率
2. 基于 Pinia 进行模块化状态管理,清晰隔离不同业务域
3. (1)审批流程引擎:设计了一套可配置的审批流模型,通过后端返回的流程节点配置(JSON), 前端动态渲染审批步骤、操作按钮(同意、驳回、加签)及表单,实现了从“现场审核”到“特批准入”等多种审批场景的灵活适配,
(2)高性能动态表单:针对“绩效反馈”、“特批准入审核”等复杂表单,开发了基于JSON Schema的动态表单渲染引擎。通过配置驱动,快速生成包含校验规则、条件联动(如选择特定问题类型才显示额外说明字段)的复杂表单,极大提升了表单模块的开发效率
4. 公共组件封装 基于 Ant Design Vue 深度封装了项目级的高复用性组件。
例如:通用审批操作栏组件(集成提交、撤回、转审等逻辑)、流程进度时间轴组件、文件批量上传与预览组件(用于供应商资质提交)。这些组件在采购端与供应商端的多个模块中被复用,减少了至少40%的重复开发工作量。
项目描述:构建面向大型企业组织的数字化管理中枢,通过流程标准化驱动、数据资产化沉淀、管控智能化决策的三层架构,系统性解决传统管理中流程割裂、数据孤岛、决策滞后等核心痛点,实现对组织资源、项目进度、运营成本的精细化管控。
技术要点:
1. 框架:Vue3 + TypeScript,
2. 状态管理:Pinia (强调模块化设计),
3. 智能动态表单引擎:300+种字段类型的动态渲染(含自定义业务组件),
4. 甘特图性能优化: 实现WebGL渲染引擎,支持10万+任务节点的流畅交互,开发四层渲染策略(Canvas背景层 + WebGL图形层 + SVG标注层 + DOM交互层),开发智能数据分片加载,按时间维度动态加载任务数据
5.封装企业级UI组件库(基于Ant Design深度定制),包含:智能数据表格(支持虚拟滚动、列配置持久化、Excel式操作)关于业务的上传 树形结构的下拉框 多选与单选的封装改造等等
项目中遇到的问题: 复杂业务表单的架构设计与性能瓶颈, 十万级任务节点的甘特图性能极限优化
项目名称:智慧城市运营中心大数据屏(4K超清可视化)
项目描述:
城市级「数字孪生」决策中枢,整合交通、安防、环保、能源等10+领域实时数据,为政府管理层提供全域感知、智能预警、协同指挥的一体化作战平台。
技术要点:
1. Vue2 + Vuex +Echarts4x;
2.渲染引擎:WebGL(three.js) +Canvas分层渲染;
3.实时通信:WebSocket + Socket.io;
4.GIS地图集成、自定义动画引擎
项目中遇到的问题::同时渲染2万+动态车辆轨迹导致页面崩溃 自适应布局方案 性能优化
项目名称:商品运营(pc端后台管理页面)
项目描述:这是一个面向用户的展示的一个项目 主要用于数据的管理和可视化的展示
负责内容:
1. 从零到一完成项目,负责测试项目技术选型, 负责项目搭建与设计。
2. 首页,登录,利用Echarts模块化展示相关商品的地市 地址名称 用途。
3. 用户文件上次模块的实现。
4. Webpack 个性化配置及优化
项目中遇到的问题: 用户上传图片时间过长,利用canvas压缩 一张4M的图片需要5s 压缩优化后只需要1秒,打包时间过长 ,包体积过大 堆积依赖包过多。
● 项目名称:北斗智慧旅游(PC端)
负责内容:
1.负责感知一张图、北斗消息中心模块的初期页面设计和编写;
2.负责地图数据的渲染和交互;
3.负责于后端人员对接,实现页面数据请求之后的渲染,
4.配合测试人员进行单元测试,以及后期的二次维护。
技术要点:
1.使用Vue框架进行搭建
2.使用高德地图API实现数据交互;
3.使用Echarts组件来直观展示数据变化
4.使用 Element Ui组件来实现页面的布局
5.使用keep-alive标签缓存详情页内容;
6.使用filters局部过滤器,对超出内容的文本进行过滤;
7.使用Vue-router实现页面跳转;
8.使用 axios 向后端发送异步的数据请求。
工作经历
2022-05-13 -2026-08-12济南浪潮科技有限责任公司前端开发工程师
深度参与制造业、政务类大型 B 端项目与大数据可视化平台开发,熟练使用 Vue2/Vue3 + TypeScript 技术栈,自研 JSON‑Schema 动态表单、可配置审批流程组件,基于 Ant Design Vue 完成业务组件二次封装;针对十万级大数据场景做 WebGL、Canvas 渲染性能优化,处理 WebSocket 实时数据对接,协同团队完成需求落地、问题排查与版本迭代,保障多个重点项目顺利交付上线。
2021-06-23 -2022-05-04济南亚信科技有限公司前端开发工程师
参与政企类 B 端业务系统开发,基于 Vue 技术栈完成多模块页面开发与接口联调,熟练运用 HTML、CSS、JavaScript 实现页面交互与布局适配,负责业务组件封装、页面性能简单优化,配合后端、测试完成功能迭代、bug 修复以及版本上线工作,保障项目稳定交付。
2019-06-01 -2021-06-30山东泰斗网络有限责任公司 前端开发工程师
熟练使用 HTML / HTML5、CSS、JavaScript 完成网页页面搭建与交互开发,运用原生 JS 实现表单校验、弹窗交互、数据渲染、事件监听等页面逻辑,掌握布局适配、DOM 操作,能够处理各类浏览器兼容性问题,为 Vue 业务组件与复杂业务页面打下扎实底层基础
教育经历
2014-09-01 - 2017-07-30泰安职业技术学院计算机应用技术专科


