J.C. ｜前端高级开发工程师｜ 4 年经验

技术栈：Vue3 / TypeScript / NodeJs / Vite / Pinia / micro-app / GitLab CI/CD / Uniapp
擅长方向：微前端架构、组件库封装、前端工程化、性能优化、业务开发
拓展方向：本地 AI 服务部署、低代码组件生成
学历：大专

🌟 核心能力

前端架构设计：主导多系统整合平台开发，采用微前端（ micro-app ）架构，解决数据孤岛与权限分散问题；
组件体系建设：自研中后台组件库 LanvenUI （ Vue3 + VitePress ），复用率达 85%+，统一交互风格和 API ；
性能优化实战：通过 Gzip 压缩、资源按需加载等方式，将页面首屏加载时间从 7s 优化至 <2s ；
工程化与部署：搭建 GitLab Runner 自动部署流程，实现前端 CI/CD 闭环；
AI 应用探索：部署 LLM 在内网环境，验证医疗场景下的问诊辅助可行性。

💼 工作经历

某医疗软件公司｜前端开发工程师

2022.06 – 2025.05 · 杭州

主导公司医生站系统重构，从架构设计、组件拆分、路由权限控制到上线交付全流程推动；
重构 Vue 项目目录结构（ Layout + Station 解耦），解决原有 views 目录混乱、维护困难的问题；
设计并实现基于 micro-app 的微前端架构，实现多个医疗系统统一入口、独立部署、动态权限路由；
使用 Lighthouse 分析性能瓶颈，通过 Nginx 动态压缩 + vite-plugin-compression 静态打包资源，首屏性能提升 70%；
主导组件库 LanvenUI 构建，使用 Monorepo + Verdaccio 发布机制，提升团队组件复用与维护效率；
推动自动部署流程，使用 GitLab CI/CD + Shell 实现前端一键打包上传，减少人为操作失误；
配合产品进行 AI 问诊原型验证，部署轻量模型，结合 NPS + VPS 实现内网调用服务。

某汽车后市场平台｜前端开发工程师

2021.11 – 2022.06 · 杭州

使用 Vue2 + Element UI 构建后台管理系统；
编写通用组件，配合后端实现功能联调与上线；
优化表单交互、修复跨端兼容问题，提升用户体验。

xxxxx ｜移动前端开发工程师

2021.3 – 2021.11 · 杭州

根据 Ui 设计稿实现 h5 网页
使用 animate css 库以及 css3 实现大量动画交互
完成前后端接口联调及产生的 bug 修复

🚀 项目经历

一体化医生站平台

项目背景与目标：整合分散的门诊医生站、住院医生站、医保平台等多套技术（ Vue2/Vue3/React ）系统，解决无统一入口的问题。实现多技术栈低成本融合，确保子应用独立开发和部署能力。
技术栈：Vue3 + micro-app + Ant Design Vue + Vben + TypeScript + Nginx + Pinia + Vite + CI/CD
技术实现方案：采用 Monorepo 架构，配合 Git 模块化管理多仓库；主应用动态加载子应用，统一权限拦截，提供全局状态管理与通信机制；子应用兼容独立使用场景，实现公共组件复用。
关键技术：基于权限控制动态加载子应用资源，利用 microApp 预加载机制提升性能，使用自研 lanvenUi 组件库增强复用性。
部署运维：子应用通过 CI/CD 流水线（ GitLab Runner ）独立构建和部署。
项目成果：操作流程由多个系统切换优化为单页面完成，系统实现统一入口，便于医生集中操作与系统权限管理，具备良好扩展性支持后续新增系统按模块接入并独立部署

LanvenUI 组件库

项目背景与目标：公司多个后台系统存在组件风格不一致、重复开发严重、维护成本高的问题，缺乏统一的 UI 组件体系与工程化支撑。项目目标是构建一套统一、易扩展、工程化程度高的中后台组件库，支撑多个业务系统复用与协作开发。
技术栈：Vue3 + TypeScript + Vite 5 + Ant Design Vue + VitePress + Verdaccio
样式方案：Less + CSS Variables + WindiCSS
技术架构与实现：基于开源框架 vben Admin 进行二次开发与抽象封装；
- 采用 Monorepo 架构管理组件与工具模块，结合 Verdaccio 私有 npm 仓库实现版本统一与模块独立发布；
- 样式层统一采用 Less + CSS Variables + WindiCSS ；
- 文档系统基于 VitePress + Markdown @include 实现文档即演示的在线交互体验。
组件内容：基础组件包括 Basic-Form 、Basic-Table 、Basic-Icon 、Basic-Drawer 、Basic-Modal 、Basic-Loading 等；
业务组件包括 Advice-Table 、Advice-Form 、Advice-Map 等医疗业务高频模块。
项目成果：组件库已落地应用于公司 3 个以上后台系统，组件复用率达 85%+，统一视觉与交互风格；开发效率整体提升约 40%，推动团队建立前端统一设计规范与组件复用机制，成为公司内部工程化与 UI 体系建设的重要基石。

云 his 系统

项目背景与目标：构建现代化 UI 和先进交互体验的云医院信息系统（ HIS ），涵盖门诊挂号、电子病历、医嘱管理、统计分析等核心模块。系统支持中大型医院与基层医疗机构的个性化定制，符合医疗行业合规性要求。
技术挑战：需实现复杂表单交互（如病历录入、医嘱开立）并保持数据一致性；同时整合多个外部系统，实现无缝接入与通信。
项目经历技术栈：Vue3 + TypeScript + Pinia + Vite + Ant Design Vue + Vben + ECharts
技术实现方案：基于 Vue3 + TypeScript + vben Admin 框架搭建整体前端架构，在其权限控制、组件体系、布局能力基础上进行二次开发。
权限系统：根据用户角色动态生成菜单与路由，支持插件配置化启用，增强系统灵活性与可扩展性。
性能优化：使用 Vite 构建，结合代码分割、异步加载和 gzip 压缩，服务器支持动态兜底 gzip ，有效提升首屏性能。
核心功能亮点：1 ）自定义指令 v-auto-suggest-input ，实现病历内容自动推荐，动态生成表单组件，显著减少医生重复书写工作量； 2 ）配置化插件机制，支持多个第三方系统（如审方、智能机器人）灵活接入，按需加载、自动注册，提升系统扩展能力。
核心挑战与解决方案：针对病历模板的动态推荐与组件生成需求，自研自定义指令与低代码生成机制，实现推荐内容与组件类型的动态匹配与渲染。
项目成果：系统已成功部署至多个二甲医院与数十家基层医疗机构，获得业务方认可，落地效果良好。