吕金鹏
专业技能
- 核心能力
- Vue 3、TypeScript、Element Plus、Pinia、Vue Router、Axios、uni-app、Electron
- 熟悉能力
- 表单/表格/分页、权限路由、ECharts、SCSS 设计系统、WebSocket、SSE/SseEmitter、Web Audio API
- 联调与工程
- REST 接口联调、service 分层、Mock、Git、Vite 多入口、Electron Builder、多端打包
- 了解后端
- Spring Boot、MyBatis、PostgreSQL、JWT+tokenVersion、Capacitor/Nginx,能读接口和表结构
实习经历
- 独立负责 AI 面试辅助、输液监控、房地产可视化、科技协同创新等产品前端开发,交付 Web、Electron 桌面端和 uni-app 小程序形态。
- 与后端确认 REST / WebSocket / SSE 接口字段,完成地图数据、AI 流式问答、设备状态、小程序服务数据等联调。
- 处理实时通信和桌面端问题:音频流分片、连接重连、流式文本渲染、Electron IPC、本地数据库和设备模拟器。
- 参与 Electron 安装包测试、问题回归和上线发布,处理 Windows / macOS 多平台打包相关配置问题。
项目经历
独立负责 AI 面试助手前端主体开发,交付 Web / Electron 双端,覆盖实时转写、AI 流式问答、悬浮窗、截图多模态询问、模拟面试、能力分析和错题本;项目经过 V1→V2→V3 三次迭代,完成 Windows / macOS 跨平台适配。
- 实现:拆分求职者 / 面试官两路音频链路,分别建立 STT WebSocket,将麦克风和系统音频转为 16k PCM 分片发送,转写结果按角色写入对话区。
- 实现:用 fetch-event-source 实现 AI 流式建议,逐字渲染 + AbortController 中断控制;截图多模态询问:desktopCapturer 截屏 → 选区裁剪 → IPC 回传 Base64 + 上下文发起多模态分析。
- 实现:Electron 悬浮窗:独立 BrowserWindow + screen-saver 级置顶 + setContentProtection 内容保护;macOS 适配:Swift 原生工具自动化 BlackHole 虚拟音频驱动。
独立完成道威进销存管理系统全栈开发:设计 9 张 PostgreSQL 表,交付 Spring Boot 后端 + Vue 3 前端,PC 端用 Element Plus、移动端用 Vant 4,运行时按设备自动分流;Capacitor 打包 Android APK。
- 实现:设计 9 张 PostgreSQL 表,MyBatis XML 编写全部 CRUD,三表联查订单列表;自定义 @Log 注解 + AOP 切面自动记录修改前后数据对比(oldData/newData),落到 operation_log 表。
- 实现:JWT + tokenVersion 单点登录:登录时递增数据库版本号,JwtFilter 比对 Token 中 version 与数据库当前值,不一致返回 4011 踢下线;前端心跳检测提前 5 分钟预警过期。
- 实现:SseEmitter 实时推送:ConcurrentHashMap 管理客户端连接,订单/样品变更时 broadcast 广播事件,前端 EventSource 接收后通过 CustomEvent 跨组件同步数据。
- 实现:PC / MP 单工程双端 + Capacitor 打包 APK;工具集:AI 助手、tesseract.js OCR、fabric.js Canvas、docx/mammoth Word、pdfjs-dist/jspdf PDF、xlsx Excel、加密 ZIP、表单草稿、拼音搜索。
独立负责 Go 后端、Vue 3 管理后台和微信小程序前端开发。小程序提供文件预览、开发工具箱和分享快照;管理后台覆盖总览、反馈、配置和快照 4 个页面。
- 实现:Go 标准库 net/http 实现全部 API,pgx/v5 连接池读写 PostgreSQL;小程序端本地解析文件(不上传),jszip 做 ZIP 目录浏览,markdown-it + highlight.js 代码高亮。
- 实现:分享快照 7 天有效期 + 后台定时清理;匿名用户系统 + 8 种埋点事件;Vue 3 管理后台 4 个页面(总览、反馈、配置、快照),Nginx + systemd 线上部署。
项目经历(续)
负责京港澳三地科技协同创新服务平台移动端开发,构建政策资讯、成果供需、人才服务、项目孵化四大业务板块,落地 5 个分包 38 页、12 个 CI 前缀通用组件和 447 行 SCSS 设计系统。
- 实现:按四大业务板块拆分 pages.json 分包(5 个分包 38 页),主包仅 6 页,配置 lazyCodeLoading 按需加载组件;设计 theme.scss(447 行)统一品牌色、间距、20+ Mixin。
- 实现:12 个 ci- 前缀组件接入 easycom 自动注册;详情页接入 marked 渲染 Markdown,前置 sanitizeHtml 过滤 XSS,注入主题样式后通过 rich-text 渲染。
- 实现:政策三维筛选(地区×行业×类型)、成果需求发布表单、AI 聊天打字机效果(30ms 逐字渲染 + 中止控制);自定义导航栏适配微信胶囊按钮安全区。
负责护士站输液监控终端前端开发,将设备 WebSocket 数据接入 Electron 桌面端,落到床位监控、历史统计、本地数据库和设备模拟器中;模拟器可生成 30 台终端支撑无硬件联调。
- 实现:sql.js 建立三张表(terminals / infusion_records / drip_speeds),脏标记 + 5 秒定时批量落盘、按月自动分库、启动时残留记录清理、Schema 版本迁移。
- 实现:deviceStore(369 行)维护实时设备 Map 和离线告警,5 秒超时断线检测、状态优先级排序(alarm > fast > slow > normal);模拟器生成 30 台设备,isSimulatorMac() 隔离数据。
- 实现:ECharts 四类统计图表;日/夜主题自适应按时段切换;全屏无边框触屏优化 + 右键菜单处理断线。
负责房地产数据可视化平台前端开发,把房源、社区和小区数据落到 Google Maps 地图视口中,实现三级聚合渲染、9 维筛选面板、Canvas 价格趋势图和 Web / Electron 双端。
- 实现:后端下发 Google Maps API Key 避免前端暴露密钥;地图 idle 事件 300ms 防抖刷新视口数据;自定义 OverlayView 浮标按 zoom 切换社区/小区/房源三级聚合。
- 实现:9 维筛选面板(类别/卧室/卫生间/用途/装修/完工/面积/价格/单价总价切换),筛选参数变化自动刷新地图和列表;原生 Canvas 手绘均价走势图按时间维度切换。
- 实现:Electron PAC 智能代理:后端 API 直连、Google Maps 走系统代理;vue-i18n 中英双语 + useLocale composable 自动选择后端 _zh/_en 字段。
教育背景
- 带领团队完成「太阳能智能分类垃圾桶」和「高校贫困甄别系统」两个项目,通过省级验收。
- 负责项目申报、进度排期、结题材料和答辩准备,协调跨专业团队成员分工协作。
- 协助辅导员管理班级日常事务,负责课堂考勤统计与纪律监督。
- 组织主题班会和班级活动,跟进同学反馈并推动班委协作。
自我评价
应届本科,约 1 年前端实习,主线能力集中在 Vue 3 管理后台、uni-app 小程序、Web / Electron 桌面端与实时通信;能独立完成页面、接口联调、状态管理和上线问题排查;多个项目由我独立推进需求拆解、页面实现、接口联调和交付落地。
做功能时习惯先把业务流程、字段和异常场景问清楚,再拆页面、状态、service 和组件。比起只把页面画出来,我更在意功能能不能稳定联调、交付和后续维护。