resume.md

彭鑫 - 前端工程师

::: left

男/1995.2

重庆邮电大学/计算机科学与技术学院

本科/2017年毕业

:::

::: right

icon:github https://github.com/miyuesc

icon:email xin9502@foxmail.com

icon:phone 19923836423

:::

介绍

三年前端开发经验，参与过多个项目，了解模块化开发与微前端概念 学习能力、执行能力强，对前端知识抱有极大的热情

工作经历

中冶赛迪重庆信息技术有限公司（2017.7-至今）

平台产品部 前端开发工程师

• 参与QTouch产品线前端功能模块的开发工作以及重构工作
• 搭建QTouch内部公共组件库，负责页面样式与前端代码规范
• 集成流程引擎与高德地图
• QTouch相关项目的技术支持

项目经历

QTouch 产品线

::: left 事件引擎 高德地图 微前端 ::: ::: right 2018.01 - 至今 :::

• 基于bpmn.js和业务需求定制开发的前端流程图编辑工具，实现表单与任务节点的动态绑定，完成流程基础校验功能
• 项目支持的数据可视化页面，基于高德地图API与Echarts 4实现首页的可视化效果。
  1. 通过对Echarts的二次封装，减少图表配置项
  2. 通过事件监听实现地图与图表之间的联动效果
  3. 自定义canvas图层，优化大量数据时的显示与交互
  4. 封装视频播放器组件，通过简单配置项实现监控视频的实时播放
• 前端框架采用基于single-spa的微前端架构，合理拆分各个产品功能，实现按需发布，以及外部模块的便捷集成

内部公共组件库

::: left 公共组件 ElementUI 开发规范 ::: ::: right 2019.08 - 至今 :::

由于产品线功能迭代，导致项目越来越臃肿，不同开发人员开发的样式和交互不统一，重复代码也越来越多，所以在公司内部搭建了一个使用git管理的公共组件仓库。

• 使用VuePress编写的规范文档，对前端代码规范、样式标准、组件库使用方式进行了详细说明，并搭配示例代码
• 基于ElementUI进行二次封装，并提取了各页面共同点完成大部分基础样式组件
• 增加页面布局组件：左右详情式布局与上中下表格页布局，可自定义各部分内容与交互，以满足产品大部分页面布局
• 基于高德地图实现坐标选取、覆盖物绘制、路径规范等功能的地图组件
• 自定义的搜索表单组件，通过配置项实现自定义表单元素类型、数据选项、事件触发条件、对齐方式等，并通过监听页面resize事件实现不同屏幕下的不同显示效果
• 实例虚拟列表实现的穿梭框，简单图片预览和上传组件等

Bpmn Process Designer

::: left bpmn.js Vue 2 ::: ::: right 2020.12 - 至今 :::

预览地址：https://miyuesc.github.io/process-designer/

在产品线开发过程中使用到了Bpmn.js，在与其他前端开发者交流学习之后发现国内对该插件的文档严重不足，并且现在工作流引擎的应用越来越多，所以在业余时间完成了简单的流程图绘制工具，并输出了几篇关于bpmn.js的使用介绍。

• 完美兼容原 bpmn.js moddle，并支持自定义模块的加载
• 使用 ElementUI 编写的自定义属性编辑栏，可独立使用
• 编写工具栏实现便捷操作
• 完整的bpmn.js事件支持，优化webpack配置减少打包体积

Data Visualization 大屏可视化

::: left Echarts 5 Vue 3 JavaScript ::: ::: right 2021.03 - 至今 :::

预览地址：https://miyuesc.github.io/data-visualization/

基于Vue-next 和 echarts 5 的大屏可视化项目，目前正在开发中，已实现拖拽创建、更新图表，手动定位、自定义标题背景等。

主要亮点：

• 通过动态组件与配置数组来实现不同的侧边配置项，并提供扩展的可能
• 拆分出单独的选中样式组件来独立渲染，减少页面的dom节点与初始监听器
• 拖拽和缩放的原生实现，并使用Composition API提出单独的鼠标事件函数来简化sfc文件代码

2019年悦来智博会消防安保项目

::: left Echarts Vue 2 高德地图 可视化 ::: ::: right 2019.05 - 2019.08 :::

基于消防安保的整体目标，实现事件预警、精准调度、路线规划、处理上报的完整流程；利用可视化大屏进行安防数据分析，利用3D建模与地图实现事件的精准定位与调度，快速直观的展示事件进展。

• 基于高德地图实现对消防力量的分布情况、交通情况、现场的人流分布情况等进行展示，并利用css动画完成活动点位、事件发生地点的高亮警示
• 利用websocket与服务器进行长连接，实时获取各项数据，利用ecahrts动态展示各类信息

专业技能

web基础

• 熟练掌握HTML5/CSS3，响应式布局
• 熟练掌握JavaScript/ES6+，了解TypeScript，scss，less
• 熟悉 Vue2.x 与 Vue 相关生态，了解 Vue 3 组合式API
• 熟练使用 ElementUI 等 Vue UI 组件库，熟练使用 Echarts、高德地图等第三方库
• 了解webpack打包工具、模块化开发、微前端，熟悉Git版本管理

大家好，我是物联网小组的彭鑫，从去年五月入职到现在，我印象最深的是最近的接手的山西项目和平台功能迁移，因为时间有限，需要在两个半星期内完成两个完整功能的开发，期间加班成为常态，但圆满的完成任务也令我兴奋异常。也感谢领导和同事的帮助和配合才能圆满按时完成。