avatar
袁鹏
前端开发工程师 | 28岁 | 6.5年经验 | 17730652751 | rocyuan666@163.com

技能介绍

  • 熟练使用 PS、Figma 等软件进行切图及图片处理,扎实的 HTML、CSS、JS 基础,可高度还原设计稿。
  • 擅长使用 Vue2/3、Vue-Router、Vuex、Pinia、Element-UI 等生态进行开发,并了解 Vue2/3 原理与区别。
  • 对多端适配开发有丰富的经验,熟练使用 uniapp、uView 等生态开发 APP、小程序、H5 等项目。
  • 有使用 ECharts、Three.js 开发 3D 大屏数据可视化项目经验,对大屏适配有良好的解决方案。
  • 熟悉 Vue CLI、Webpack、Vite、Rollup 等构建工具,针对公司前端产品进行了定制化配置处理。
  • 具备使用 NodeJS、Electron、EJS 等生态开发 提效类工具。
  • 了解 Linux、Java、PHP、MySQL 等后端技术,熟悉后端开发流程,可与后端同学进行高效沟通。
  • 较强的自学能力,发布多个实用的 npm 包,对开源截图插件 js-screen-shot 有代码贡献,详见 github。

工作经历

西安中智建物联科技有限公司 - 前端开发 - 2021.12-2025.02

Vue2/3 Vue Router Vuex Pinia Element ui/plus uniapp uView ui Vue CLI Vite Rollup

  • 参与低代码平台(PC / APP)、数字化库区物联网管理平台(PC / 小程序 / 大屏可视化)从0~1的设计研发。
  • 参与其他项目开发维护,如:沥拌网(APP / 小程序)、后勤点餐(小程序)、生石灰测试杯(APP)等。
  • 公司前端技术的钻研、储备、选型、框架的搭建、组件封装、打包流程优化等工作。
  • 为提升开发效率和代码质量,沉淀了 自定义代码生成器、大屏监控位置编辑器、库区 3D 编辑器 等工具。

西安亨顿软件技术有限公司 - 前端开发 - 2020.08-2021.12

uniapp uView Vue2 Vue Router Vuex Vue CLI

  • 参与政务系统软叫号(PC)、公众号业务预约(H5)等模块研发,及其他外包 APP 项目的开发。
  • 封装 uniapp 基础框架,提高团队开发效率。

陕西正珦广告有限公司 - 前端开发 - 2018.06-2020.06

HTML CSS JS JQuery Zepto

  • 参与腾讯互娱游戏活动专题页(PC / H5)开发。
  • 积累常用的代码段,方便重复使用。

项目经验

宝盈 SK 库区管理平台(PC 平台 + 微信小程序 + 大屏可视化)

Vite Vue3 Vue Router Pinia Axios Element Plus Video.js ECharts ExcelJS uniapp uView

项目介绍:该系统属于《数字化库区管理平台》产品,基本分为 6 大系统:管理平台、小程序、大屏可视化、组态软件、门房软件、磅房软件;我主要负责 管理平台、小程序、大屏可视化 的开发工作。

  • 基于 RBAC 权限模型设计开发基础权限框架,并进行打包优化处理。
  • 根据基础框架研发改进 自定义代码生成器 ,生成 Vue3uniapp 代码,提高至少 20% 业务开发效率。
  • 封装 字典展示、图标库、图标选择器、视频监控播放、虚拟列表等通用组件,便于复用。
  • exceljsfile-saver 插件实现前端生成导出 多工作表 及 复杂多级表头 的 excel 文件。
  • vue-codemirrorecharts 实现设备统计图表的 动态配置 与 展示。
  • 微信小程序 基础权限框架及分包结构的设计开发;并负责打包发布。
  • 提出 动态 TabBar 设计;解决 管理端、司机端合二为一,并且业务功能分离,从而无需注册多个小程序。
  • 大屏可视化基础框架设计,解决分辨率适配问题。

陕西交控 3D 数字化平台

Vite Vue3 Vue Router Pinia Axios Scss Video.js ECharts Three.js NoVnc 3D Builder

项目介绍:陕西交控沥青产业园 3D 数据可视化平台。3D 查看库区储罐液位、温度、重量、泵、阀数据状态。

  • 大屏项目基础框架搭建、完成适配 4K、2K、1080P 等多分辨率设备。
  • 使用 3D Builder 软件进行 3D 建模 及 模型大小优化。
  • 使用 Three.js 开发 3D 场景展示及模型数据绑定。
  • 使用 NoVnc 实现 组态软件电脑屏幕 实时在大屏页面上展示。
  • 封装 Video.js 组件 播放 m3u8 监控视频。
  • 分离封装出 监控点位编辑器3D 编辑器 便于复用。

低代码平台(PC 平台 + APP)

Vue CLI Vue2 Vue Router Vuex Axios Scss ECharts uniapp uView form-create

项目介绍:设计该系统是为了让公司非开发人员通过平台配置的方式完成客户需求。核心模块分为:基础权限、模型设计、动态表单、动态报表、工作流程等模块。我主要负责 基础权限、模型设计、动态表单模块的开发。

  • 基于 vue-admin-beautiful 前端框架,与后端对接,完成基础权限模块。
  • 二次开发 form-create 表单设计器基于 Rollup 打包成组件引入项目,完成动态表单的核心配置功能。
  • 将 模型设计 与 表单设计器 打通,与后端一起完成了模型动态建表的核心业务。
  • 结合 表单设计器 输出的 JSON 封装基于 uniappuView 的动态表单组件,完成 APP 端的核心业务。

沥拌网(APP + 微信小程序)

uniapp Vue2 Vuex uView uCharts

项目介绍:该产品主要服务于拌合站厂家、沥青材料供应商。产品分为 PC 前台、后台、APP、微信小程序;我主要负责 APP、微信小程序的开发维护及跨平台兼容处理。APP 曾上架至小米、华为应用商店。

  • 处理微信小程序分包,解决微信小程序上架包超出大小问题。
  • 文件上传多端兼容处理,APP 使用 plus.webview.create、微信小程序使用 wx.chooseMessageFile
  • APP 打包,证书生成、高德地图及定位 appkey、微信支付 appid 等必要信息的配置。
  • APP 上架要求处理如:隐私政策、服务协议、应用权限、注销账号、应用完整度、资质证书等。

教育背景

咸阳职业技术学院 | 计算机应用技术专业 | 2015.09 - 2018.06