bootstet

# 【姓名】｜前端开发工程师（Vue / Uni-app / Vue3 + TS）

  • 手机：【手机号】（微信同号）
  • 邮箱：【邮箱】
  • 所在地：【城市】
  • 工作年限：【X】年
  • 求职意向：前端开发工程师 / 高级前端开发工程师
  • 期望城市：【城市】
  • 作品链接：【GitHub / 个人网站，可选】

# 一、个人亮点

  • 医疗健康垂直经验：长期负责疫苗接种、体检报告、减重管理等医疗健康业务前端，熟悉预约、报告、机构灰度、合规等业务场景，能快速把技术方案对齐医疗业务流程。
  • 多端一体化落地：主导 / 参与多个 H5 + 微信小程序 + PC 后台 项目，统一技术栈与组件体系，在保证体验一致的前提下降低多端维护成本。
  • Vue3 + TS 迁移实践：在“知数减重云”项目中推动 Vue3 + Vite + TS 严格模式 落地，完成核心统计模块从 JS 向 TS 迁移，显著降低类型相关线上问题。
  • 工程化与质量意识：在项目中推动 多环境构建、Mock 开关、统一请求封装、提交规范（commitlint + husky） 等工程实践，减少联调成本和回归风险。
  • 排查复杂问题能力：多次独立解决 微信授权异常、PDF 跨域、登录状态异常 等端到端问题，能与后端、运维协同快速定位和闭环。

# 二、核心技能

技术栈

  • 语言与框架：JavaScript (ES6+)、TypeScript、Vue 2 / Vue 3、Composition API
  • 多端开发：Uni-app、微信小程序、移动 H5、PC 后台
  • UI & 可视化：Element UI、Ant Design Vue、UView、ECharts、Markdown / 富文本

工程化

  • 构建与打包：Webpack、Vite、Vue CLI，多环境配置（dev / test / sit / prod）
  • 质量与规范：TypeScript 严格模式、vue-tsc 类型检查、ESLint、commitlint + husky
  • 其他：Mock 体系、前端监控接入、简单微前端（qiankun / vite-plugin-qiankun）

业务与协作

  • 业务领域：疫苗预约、体检报告、减重管理、直播活动等医疗健康场景
  • 协作：能够从业务目标出发，与产品 / 后端 / 运维一起设计接口、埋点与降级方案

# 三、工作经历

【公司A｜医疗健康 SaaS / 互联网医疗】 — 前端开发工程师
【20XX.XX – 至今｜城市】

负责公司疫苗接种、健康管理等产品线的 C 端 H5 & 小程序 与 B 端运营后台 前端研发；参与新一代减重管理系统（Vue3 + TS）的架构与落地。

  • 负责多款 C 端 H5 / 小程序与 PC 后台的日常需求迭代、性能优化和问题排查。
  • 推动新项目采用 Vue3 + Vite + TS 技术栈，并在团队内推广 TS 与工程规范。
  • 参与核心业务（登录、支付、报告预览等）链路梳理与监控接入，保障关键路径稳定性。

（如有真实数据，可加一条量化，例如：“核心模块缺陷率同比下降 XX%”、“多端发版周期从 X 天缩短到 Y 天”等）

# 四、项目经历（公司项目）

# 1. 知了云 C 端 H5 & 小程序一体化项目

项目代码：pov-h5（Uni-app H5 & 小程序）
角色：核心前端开发
技术栈：Uni-app、Vue2、UView、Flyio、Weixin JS-SDK、OBS/OSS、Webpack

项目简介
面向终端用户的医疗服务入口，提供预约、订单管理、体检报告查看等能力，通过 H5 与微信小程序服务多个机构。

主要工作与亮点

  • 搭建 H5 + 小程序统一工程与路由 / 状态管理，封装通用布局、滚动组件，保证多端体验一致。
  • 设计并实现 机构灰度开关（VUE_APP_ORG_GRAY_MODE_SWITCH 等），按机构 ID 控制功能开关，支撑多机构并行试点和 A/B 测试。
  • 重构 微信授权登录与 openId 管理，将授权流程覆盖登录、订单、个人中心等关键入口，解决切换机构时 openId 复用导致的支付异常。
  • 实现体检报告 PDF 在线预览：结合专门 pdfViewer 页面与 Nginx CORS 配置，解决多源 PDF 跨域问题，并提供复制链接 / 新窗口打开等降级方案。
  • 参与 静态资源 CDN / OBS 自动上传脚本 落地，通过 obsutil 将打包产物上传到华为云 OBS，并动态配置 publicPath，降低首屏加载时间。

项目价值

  • 建立统一的 C 端入口和多端技术栈，降低新机构接入与功能扩展成本。
  • 通过授权与灰度机制优化，明显减少授权异常和支付失败问题（可补充真实数据）。

# 2. 家长课堂直播 / 录播活动平台

项目代码：pov-activity-h5（parent-classroom）
角色：前端负责人
技术栈：Uni-app、Vue2、UView、微信网页授权、Node 构建脚本

项目简介
面向家长的线上课堂活动平台，支持直播签到、直播观看、录播签到与回放，服务多场营销 / 教育活动。

主要工作与亮点

  • 搭建整体工程与多环境（dev / test / sit / prod）脚本，沉淀可复用的活动工程模板。
  • 实现 微信网页授权 + 活动流程管理，覆盖公众号菜单、分享链接、扫码入场等多种入口，保证直播/录播路径闭环。
  • 对 UView 组件（如 u-radio、u-checkbox）进行样式穿透与兼容性处理，统一视觉与交互。
  • 接入 @cloudcare/browser-rum 前端监控，对签到、观看等关键行为打点和异常报警，加快问题发现与定位。

项目价值

  • 形成可复制的活动前端模板，大幅缩短每场活动从搭建到上线的准备时间。

# 3. 预防接种门诊运营管理后台

项目代码：pov-admin-pc（基于 vue-admin-template 二次开发）
角色：前端开发
技术栈：Vue2、Vuex、Vue Router、Element UI、ECharts、Qiankun、Axios

项目简介
面向内部运营与门诊管理人员的后台系统，涵盖疫苗库存、预约管理、统计报表等模块，并以微前端子应用形式接入主运营平台。

主要工作与亮点

  • 基于 vue-admin-template 搭建后台框架，定制菜单、路由、权限控制，接入统一登录 / 权限中心。
  • 使用 qiankun 将系统改造成微前端子应用，处理主 / 子应用路由同步、样式隔离等问题。
  • 封装通用表格、搜索、导出等组件，统一 Loading / 空状态 / 错误提示，降低新模块开发成本。
  • 使用 ECharts 落地运营看板，支撑各类统计报表需求。

项目价值

  • 提升后台在微前端平台中的可扩展性，新业务模块可独立接入与发版。

# 4. 知数减重云健康管理系统（Vue3 + TS + Vite）

项目代码：vita-health-management
角色：核心开发 & TypeScript 改造负责人
技术栈：Vue3、TypeScript、Vite、Ant Design Vue、ECharts、Qiankun、Mock 体系、Commitlint + Husky

项目简介
面向医院 / 医生团队的减重健康管理系统，支持患者数据管理、健康指标监控、医生团队协作，以 Vue3 + Vite + TS 架构并通过微前端接入现有平台。

主要工作与亮点

  • 参与 Vue3 + TS 架构搭建 与规范制定，引入 Ant Design Vue、ECharts、vite-plugin-qiankun 等，启用严格 TS 配置，并通过 build / build:with-check 平衡类型检查与构建效率。
  • 主导 Statistics 统计模块从 JS 向 TS 迁移：梳理 UserStatisticsData 等核心类型，为 DOM / ECharts 实例与 formatter 提供准确类型定义，减少 any 带来的隐性 Bug。
  • 设计 VITE_USE_MOCK_DATA 等 Mock 开关，实现真实接口与 Mock 的一键切换，显著降低后端未就绪时的联调阻塞。
  • 在 utils/request.ts 中实现 401 自动登录 + 回跳逻辑，统一处理登录过期，保证用户回到原操作页面，并统一接口错误提示与异常上报入口。

项目价值

  • 为后续医疗业务模块提供一套可复用的 Vue3 + TS 工程模板与实践指南。
  • 在保证快速迭代的前提下降低联调成本和登录 / 类型相关缺陷，为团队从 Vue2+JS 向 Vue3+TS 迁移提供可复制经验。

# 五、个人项目

# 1. 极客标题 - AI 图片标题生成桌面应用（Electron）

项目代码：electron-geek-title
角色：独立开发（全栈前端 / Electron）
技术栈：Electron、Vue3、Vite、Sharp、Electron Store、Node.js、OpenAI 兼容接口

  • 基于 Electron + Vue3 + Vite 开发跨平台桌面应用，面向跨境电商卖家，支持批量图片标题生成、过滤、压缩、重命名、CSV 导出。
  • 封装 OpenAI 兼容协议层，对接豆包推理接入点、阿里云 DashScope、智谱等多家视觉模型，通过统一调用接口屏蔽差异。
  • 使用 Sharp 对本地图片做压缩与格式规范，配合 可配置并发队列 + 错误重试 提升批量任务稳定性。
  • 基于 Electron Store 持久化存储 API Key、模型配置等偏好，并提供「测试连接」「故障排除指南」降低非技术用户使用门槛。

# 2. Llm Chat UI 聊天前端项目

项目代码：Llm-chat-ui
角色：前端开发（个人项目）
技术栈：Vue3、TypeScript、Vite、Ant Design Vue、TailwindCSS、Markdown-it、Highlight.js、KaTeX

  • 搭建 Vue3 + Vite + TS 工程，设计多环境构建脚本，为接入不同大模型服务预留扩展能力。
  • 使用 AntD + Tailwind 封装消息气泡、会话列表、输入区等通用组件，优化滚动到最新消息、发送状态提示等细节。
  • 集成 Markdown-it / Highlight.js / KaTeX，实现模型回复的 Markdown 渲染、代码高亮和公式展示，适配技术题解析与数理说明场景。
  • 使用 vue-tsc 对消息模型、会话状态、接口响应进行类型检查，并设计统一的请求封装与错误提示，为后续接入流式输出（SSE/WebSocket）预留接口层。

# 六、教育背景 & 自我评价

教育背景

  • 【学校名称】｜【学历 / 专业】｜【起止时间】
  • 【可选：相关课程 / 荣誉奖项】

自我评价

  • 追求 可维护、可扩展、可演进 的前端工程，习惯通过 TS、测试、Lint、提交规范等手段降低长期维护成本。
  • 有较强的学习与自驱力，能从 Vue2 / Uni-app 逐步升级到 Vue3 + Vite + TS，并沉淀迁移经验与文档帮助团队成员。
  • 善于从业务角度思考技术方案，关注登录、支付、报告预览等关键链路的稳定性和降级策略设计。
  • 沟通顺畅、乐于分享，愿意在团队中承担规范推动者和问题“终结者”的角色。
  • 借助 TS 严格模式与工程化配置，为个人 / 团队在 Vue3 + Vite + TS 方向的项目积累了实践样板，便于在正式业务项目中快速复制落地。

# 五、教育背景

  • 【学校名称】｜【学历 / 专业】｜【起止时间】
  • 【可选：相关课程 / 荣誉奖项】

# 六、自我评价

  • 追求 可维护、可扩展、可演进 的前端工程，习惯通过 TS、测试、Lint、提交规范等手段降低长期维护成本。
  • 有较强的学习与自驱力，能从 Vue2 / Uni-app 逐步升级到 Vue3 + Vite + TS，并沉淀迁移经验与文档帮助团队成员。
  • 善于从业务角度思考技术方案，关注登录、支付、报告预览等关键链路的稳定性和降级策略设计。
  • 沟通顺畅、乐于分享，愿意在团队中承担规范推动者和问题“终结者”的角色。

← 简历1 →