3+年开发经验
4端产品线
8个交付项目
200+App 端页面

01个人简介

前端开发工程师,3 年+开发经验,先后深耕政企数字化(智慧城市大屏、电力 PMS、应急管理)与跨境电商(日淘代购)两大业务领域。独立负责过 App(iOS/Android)、H5、微信小程序、PC 国际站四端产品的开发与迭代,具备可视化大屏、GIS 地图、视频流监控等实战经验。熟悉 Vue 全家桶与 uni-app 跨端开发,掌握 Nuxt 3 SSR、原生小程序、多语言国际化,擅长复杂业务流程(搜索、下单、支付、国际物流申报)的落地与多端逻辑同步。

02专业技能

  • 框架:熟练掌握 Vue 2 / Vue 3(Options API 与 Composition API),熟悉 Vuex、Vue Router、vuex-persistedstate 状态持久化
  • 跨端开发:熟练使用 uni-app 开发 iOS/Android App 与 H5,掌握 App 原生能力集成(微信/支付宝支付、推送、扫码、分享、OAuth 登录、定位)
  • 小程序:熟悉原生微信小程序开发(WXML/WXSS、Behaviors、分包加载、隐私协议合规),熟练使用 TDesign 组件库
  • SSR / 工程化:掌握 Nuxt 3 + TypeScript 服务端渲染开发,具备 SEO 优化经验(sitemap 自动生成、静态资源压缩),了解 PM2 部署;熟悉 ESLint + Prettier 规范化协作
  • UI 组件库:Element UI / Element Plus、Ant Design Vue、uView、uv-ui、TDesign,具备自定义组件封装能力(下拉刷新/上拉加载等)
  • 可视化与地图:熟练使用 ECharts 进行数据可视化与大屏开发,有天地图、电网一张图(GIS)集成经验
  • 国际化:熟练使用 vue-i18n / @nuxtjs/i18n 实现中、英、日多语言站点
  • 其他:axios 封装与接口签名、crypto-js 加解密(MD5 签名 / AES)、flv 视频流直播播放、GrowingIO 埋点、微信 JS-SDK、若依(RuoYi)后台框架、Git / SVN / Perforce 版本管理

03工作经历

青岛梦泽跨境服务贸易有限公司 前端开发工程师 2025-04 — NOW
  • 负责公司跨境电商产品线(App / H5 / 小程序 / PC 国际站)前端开发与迭代,多端仓库并行维护
  • 与产品、后端、测试协作,独立承接模块从需求评审到上线的完整闭环
山东优鹿信息科技有限公司 前端开发工程师 2022-10 — 2025-04
  • 参与政企数字化与移动互联项目开发:智慧城市"一网统管"大屏、电力 PMS 系统、应急管理系统、救助互联 App
  • 按需求文档与 UI 效果图独立完成模块开发,与后端商定接口设计与字段定义,负责功能自测、bug 修复与用户反馈落地

04项目经验

青岛梦泽跨境服务贸易有限公司2025-04 — NOW

疯趣日淘 —— 跨境代购 App(iOS/Android)+ H5

uni-appVue 2uViewVuexcrypto-jsECharts微信/支付宝支付推送/扫码/分享

面向国内用户的日本代购/转运平台,覆盖多站点商品搜索、代购下单、日拍(雅虎拍卖代拍)、国际物流发货、支付与售后理赔全链路,App 端 200+ 页面,H5 端与 App 保持功能同步。

  • 负责多站点综合搜索模块:聚合多个日本电商站点的搜索结果,实现站点级筛选/排序缓存与回显、"翻译并搜索"、切换筛选不回顶等交互细节,显著降低跨语言购物门槛
  • 开发搜索关键词联想功能:全屏联想面板 + 输入词红色高亮(中/日文分词均支持),词库采用构建期 AES 加密、运行时解密方案保护业务数据,并同步落地到 App、H5、小程序三端
  • 落地 AI 智能申报:海关申报信息智能填写与规则清洗(规格去空格/标点、申报图片与条目顺序对齐),并在重新提交、补交、发货等节点增加申报弹窗校验,减少人工填报错误
  • 负责国际物流发货链路:线路切换、国际运单与代购支付方式区分、补交差额支付交互,保障多场景支付正确性
  • 处理多项疑难兼容问题:Android 端 SVG 不显示、购物车下拉距离与阻尼优化、弹窗遮罩卡死、列表高度坍塌等,提升双端体验一致性
  • H5 端独立维护并与 App 逻辑同步(综合搜索、增值服务、缺省页组件等),保证多端行为一致

日淘国际站 PC(Nuxt 3 SSR)

Nuxt 3Vue 3TypeScriptElement Plus@nuxtjs/i18nSass/LessGrowingIOPM2

面向海外用户的日淘代购 PC 官网,采用服务端渲染保障 SEO 与首屏性能,支持中/英多语言。

  • 参与 SSR 架构下的页面开发,配合 sitemap 自动生成、构建期静态资源压缩等手段做 SEO 与加载性能优化
  • 开发关税计算器、理赔流程、专题页、全网比价等核心业务模块;独立完成首页活动模块与分类逻辑迭代
  • 维护中/英多语言语言包,处理英文场景下的样式适配问题
  • 接入 GrowingIO 埋点体系,为运营提供转化数据支撑
  • 优化取消订单、订单留言、身份认证等交易链路逻辑,降低客诉率

疯趣日淘微信小程序(原生小程序)

原生微信小程序TDesign分包加载微信支付

日淘业务的小程序端,包含商品、神券、购物车、代拍、订单物流等模块,采用主包 + 多分包架构。

  • 开发代拍(雅虎拍卖)业务:代拍列表/详情字段补全与卡片样式重构、卖家详情与不良记录展示、客服入口接入
  • 负责运费补缴场景:新增日本国内运费校验,欠费弹窗引导支付,支付页支持运费补缴,堵住资损口子
  • 优化收货地址模块:搜索栏与新增按钮吸顶、修复页面二次滚动与底部遮挡,补齐新增地址缺失逻辑
  • 实现阅读文章 30 秒赠送奖励等增长功能,并补充支付等关键节点埋点
  • 与 App/H5 保持功能同步(搜索联想、AI 申报、申报弹窗提示等),沉淀三端一致的业务组件

保税仓 PDA 扫码作业系统

uni-appVueuv-uivue-i18n扫码/摄像头接口签名

面向保税仓作业员的 PDA 手持终端应用,覆盖入库、出库、查询全流程,支持中/日/繁体多语言。

  • 实现扫码入库/扫码出库核心作业流:单号扫描、货物管理番号绑定、预约详情核对、作业结果页
  • 开发小包体积测量、破损登记、货物状态查询等仓内作业模块,提升一线作业效率
  • 封装请求层(统一签名、加密、错误处理)与多语言方案,适配跨国仓库人员使用场景
山东优鹿信息科技有限公司2022-10 — 2025-04

AI 一键拯救(App / 小程序 / 后台)

Vue 2uni-appuView 2.0Vuex若依 RuoYiElement UIGit

面向大众的紧急救助互联平台,覆盖手机 App、小程序与智能手表多端。用户可将好友或亲友设置为紧急联系人,通过 App 或小程序发出求救后,其他用户可实时接收求救者的位置信息并施救。

  • 根据需求文档与 UI 效果图,使用 uni-app + uView 完成负责模块的静态页面搭建与功能开发,通过 Vuex 进行状态管理
  • 参与管理后台开发,基于若依(RuoYi)前端框架 + Element UI 实现后台功能模块
  • 与后端共同商定接口设计与返回字段定义,完成联调;负责功能自测、bug 修复与交互视觉验收
  • 处理多人协作下的 Git 分支冲突合并,保障多端并行开发顺畅

历下区一网统管平台

Vue 2Element PlusEChartsVuexPerforce p4v

面向济南市历下区的城市运行"一网统管"智慧指挥平台,通过数字化赋能实现对城市运行管理服务状况的实时监测、动态分析、统筹协调、指挥监督与综合评价,提升城市管理的精细化、智能化水平。

  • 使用 Vue 2 + Element Plus + ECharts 完成可视化大屏模块开发,按 UI 效果图高保真还原
  • 承担小组协调职责:分配开发任务并同步进度,汇总各模块问题并与甲方确认反馈
  • 与后端进行功能分析,确认接口流程、接口数量、接口功能及字段定义
  • 负责 bug 修复与用户反馈需求的迭代落地

PMS3.0 —— 设备质量画像、设备查询统计

Vue 2Element UI电网一张图EChartsVuexSVN

电力生产管理系统(PMS)3.0,以设备管理和资产管理为基础,覆盖电力公司各级单位调度、输电、变电、配电全过程生产管理业务,以设备、作业、管理、协同"四个数字化"为目标推进设备管理数字化转型。

  • 负责设备质量画像、设备查询统计模块开发,基于 Vue 2 + Element UI + ECharts 实现设备数据的多维可视化
  • 集成电网一张图(GIS)实现设备的地理信息展示
  • 根据变更后的需求文档快速响应迭代,与后端确认接口流程与字段定义
  • 完成功能自测、bug 修复与用户反馈需求的持续完善

潍坊地震局应急管理系统

Vue 2Ant Design Vue天地图EChartsflv 视频流VuexGit

地震监测中心站业务信息化系统,涵盖中心站全资源、全过程、全人员的管理模式,重点覆盖站网资源管理、设备状态监控、数据质量监控、环境视频监控与人员日常管理,实现"一屏管全站",并可拓展应用至其他中心站。

  • 使用 Vue 2 + Ant Design Vue + ECharts 完成各业务模块开发,集成天地图实现站网资源的地图可视化
  • 接入 flv 监控直播视频流,实现环境视频监控的实时播放
  • 与后端进行功能分析,确认接口流程、数量、功能与字段定义
  • 负责功能自测、bug 修复与用户反馈需求的迭代完善

05自我评价

  • 业务领域跨度大:既有政企数字化(大屏、GIS、视频监控)经验,又深耕跨境电商全链路(搜索→下单→支付→国际物流→售后),能从业务视角权衡技术方案
  • 多端实战经验丰富:同一业务在 App/H5/小程序/PC 四端的差异与同步策略有成熟方法论
  • 细节与稳定性意识:大量兼容性疑难杂症处理经验,重视交互细节(缓存回显、防回顶、阻尼、吸顶等)
  • 协作习惯良好:熟悉 Git/SVN/Perforce 多种版本管理下的多人协作,习惯以小步快跑方式持续交付