左光明
前端主力的 AI 全栈开发者
我不是只会调 API 或只会切页面的候选人。我能用 Vue 3 / React / Next.js 做复杂 AI 工作台,也能理解 Go / Python / Node 后端里的权限、队列、支付、账号池、协议适配和部署链路。线上已有博客、AI 平台、企业后台、Canvas 创作平台和 Image 网关,项目能点开,细节能追问。
LIVE DEPLOYMENTS
不是口头包装,是能直接点开的线上项目矩阵
招聘官快速判断
- 一句话定位:前端主力的 AI 全栈开发者,能把复杂 AI 产品从页面、状态、接口、协议、队列、账号池到 Docker/Nginx 部署完整跑起来。
- 核心证据:线上 AI 平台、企业后台、Canvas 多模态创作平台、AI 图像网关、协议适配平台、个人技术博客都有可访问入口,不是只写在简历里的项目。
- 区别于普通前端:不只会切页面,能处理 SSE 流式输出、WebSocket、权限体系、Token/ApiKey 隔离、复杂 ID 语义、文件上传、支付回调和后端任务状态。
- 区别于普通后端:不只会写接口,能把接口能力做成可用的产品界面,理解交互、状态、异常、空态、加载态、取消态和真实用户操作路径。
- 适合岗位:AI 全栈开发、AI 产品前端、Vue/React 前端开发、AI 应用工程师、偏业务落地的 Go/Python/Node 后端开发。
面试开场白
你好,我叫左光明,主要方向是 AI 全栈和前端开发。我更擅长前端,但不是只会写页面的前端;我做过 Go、Python、Node.js 后端,也做过 AI 协议适配、账号池调度、队列任务、支付回调和 Docker 部署。
我最近主要在做生产级 AI 业务平台,负责 AI 对话、智能体管理、图片/视频生成、行业情报、收藏对比和 AI 分析等核心模块。这里面不只是页面展示,还涉及 SSE 流式响应、WebSocket、文件上传、多 Token/ApiKey 凭证隔离、复杂 ID 语义治理和真实生产状态管理。
我的优势是能把“模型能力”变成真正能用的业务系统:前端能做复杂交互,后端能理解接口、权限、队列、支付、协议和部署链路,联调时能快速定位问题在哪一层。我希望做真正落地的 AI 应用,而不是停留在 Demo 或单纯调用 API。
基本信息
- 姓名:左光明
- 出生年月:2003.04
- 电话:15671628271
- 邮箱:2093146753@qq.com
- 学历:武汉文理学院 · 计算机科学与技术 · 本科 · 2026届
- 博客:blog.zgm2003.cn
- GitHub:github.com/zgm2003
- 求职方向:AI 全栈开发 / 前端开发工程师 / Go 后端开发
线上作品
- 技术博客:blog.zgm2003.cn
- HQD AI 智能业务平台:ai.zgm2003.cn
- CloudAdmin 管理前端:zgm2003.cn
- CloudAdmin Go 后端健康检查:www.zgm2003.cn/health
- Canvas AI 多模态创作平台:canvas.zgm2003.cn
- AI 图像网关与工作台:image.zgm2003.cn
个人优势
- AI 产品落地能力:做过生产级 AI 业务平台、Canvas 多模态创作平台、AI 图像网关和协议适配服务,熟悉 AI 能力从模型调用到产品交互的完整落地链路。
- 复杂前端主战场:擅长 Vue 3 + TypeScript + Element Plus,也能使用 React / Next.js 开发 AI 工作台、画布创作、任务状态、Prompt 输入、图片预览和复杂后台页面。
- 后端工程理解强:做过 Go/Gin、Python/FastAPI、Node/Fastify 后端,理解 RBAC、队列、WebSocket、支付回调、账号池、协议签名、MySQL/Redis 和 Docker 部署。
- 真实问题处理经验:处理过流式响应中断、Abort 取消、接口字段缺失、多凭证混用、支付重复通知、队列失败重试、WebSocket 认证、Nginx 反代和线上回调排障。
- 线上作品可验证:博客、AI 平台、企业后台、Canvas 创作平台、Image 网关均有线上入口;开源项目
chatgpt2api获得 140+ Stars / 40+ Forks。 - 对 AI 前沿保持高密度实践:持续跟进 Agent、多模态生成、流式交互、OpenAI-Compatible 协议、自动化工作流和智能工作台,不满足于停留在概念层。
技术栈
前端
- Vue 3、Composition API、TypeScript、Vite、Element Plus、Pinia、Vue Router
- React、Next.js、Tailwind CSS、Ant Design、Sass、响应式布局
- Axios、Fetch、SSE、WebSocket、FormData 上传、流式 UI、复杂表格、弹窗表单、权限按钮
- Vitest、Testing Library、jsdom、前端工程化、代码分包、路由懒加载
后端
- Go、Gin、GORM、JWT、RESTful API、MySQL、Redis、WebSocket、Asynq、gocron
- Python、FastAPI、SQLAlchemy、Pydantic、OpenAI-Compatible API
- TypeScript、Node.js、Fastify、BullMQ、ioredis、mysql2
- 权限系统、队列任务、定时任务、支付回调、钱包流水、日志审计、配置管理、协议适配
AI 工程化
- AI 对话、SSE 流式响应、响应增量渲染、取消生成、上下文续聊、usage 展示
- AI Provider、Agent、Prompt 编排、模型选择、图片生成、图片编辑、视频任务
- OpenAI-Compatible API:
/v1/chat/completions、/v1/responses、/v1/images/generations、/v1/images/edits - 协议适配、参数映射、任务状态归一化、错误模型封装、账号池调度
工程化 / 部署
- Git、Docker、Docker Compose、Linux、Nginx、宝塔 Docker、环境变量配置
- 前后端分离部署、API 域名、WebSocket 地址、CORS 白名单、健康检查、日志排查
可直接追问的技术点
- SSE 流式对话状态机:本地消息占位、首包等待、delta 拼接、完成事件、取消生成、失败保留、历史恢复和 response ID 续聊。
- 复杂 AI 平台状态治理:loading、empty、missing、error、streaming、canceled、retry 分层,避免接口失败时展示假数据或白屏。
- Token / ApiKey / ID 语义隔离:区分主系统 Token、Agent ApiKey、platform agent ID、user agent ID、project/session ID、file ID、response ID。
- 企业后台权限链路:RBAC、菜单权限、按钮权限、接口权限、权限树、角色矩阵、操作日志和前端权限渲染。
- 支付与钱包链路:支付宝异步回调、验签、金额校验、状态单调推进、钱包入账、流水唯一约束、重复通知幂等和定时补偿。
- 协议适配与账号池调度:HMAC 签名、参数映射、错误模型、任务轮询、状态归一化、账号冷却、余额刷新、失败分类和 BullMQ 队列。
- 部署与线上排障:Docker Compose、Nginx 反代、CORS、WebSocket upgrade、健康检查、日志定位、域名与环境变量配置。
工作经历
HQD
Web 工程师|2026.06 - 至今
负责项目:HQD AI 智能业务平台(ai.zgm2003.cn)
- 负责生产级 AI 业务平台核心前端开发,覆盖登录认证、首页工作台、Hermes AI 对话、Agents 智能体中心、图片/视频生成、Market 产品情报、收藏对比和 AI 分析等模块。
- 基于 Vue 3 + TypeScript + Vite + Element Plus 搭建业务页面,结合 Pinia、Vue Router、Axios、SSE、WebSocket 完成复杂 AI 业务联调。
- 设计前端状态边界,统一管理登录用户、主系统 Token、Agent ApiKey、权限列表、额度、会话、消息流和跨路由输入交接。
- 封装 Axios HTTP、Fetch SSE、原生 WebSocket、文件上传和独立 Agent 管理接口,避免不同后端、凭证、ID 和错误规则混用。
- 建设真实生产状态表达,显式处理 loading、empty、missing、error、streaming、canceled、retry 等状态,提高复杂 AI 页面可维护性。
武汉小药药医药科技有限公司
前端开发实习生|2025.10 - 2026.05
- 参与医药业务 Web 系统开发,负责后台管理系统页面开发、组件封装、接口联调、权限控制和页面体验优化。
- 基于 Vue 3、TypeScript、Vite、Element Plus、Pinia 完成数据列表、搜索筛选、详情页、弹窗表单、分页查询、状态流转、表单校验和文件上传等业务模块。
- 配合产品和后端完成需求评审、接口对接、测试反馈修复和上线自测,熟悉企业级前端项目完整交付流程。
- 参与封装搜索表单、动态表格、弹窗表单、上传组件、状态标签、权限按钮等通用组件,减少重复代码并提升维护效率。
项目经历
HQD AI 智能业务平台
- 时间:2026.06 - 至今
- 角色:Web 工程师 / AI 平台核心前端开发
- 线上地址:ai.zgm2003.cn
- 技术栈:Vue 3、Vite、TypeScript、Element Plus、Pinia、Vue Router、Axios、SSE、WebSocket、Sass、Vitest
HQD AI 是面向电子烟行业的 AI 业务平台,包含登录认证、首页工作台、Hermes AI 对话、Agents 智能体中心、图片/视频生成工作台、My/Community Agents 管理、Skills 中心、Market 产品情报、收藏对比、行业资讯和 AI 分析等模块。
核心工作
- 搭建前端工程与核心路由结构,设计受保护路由、登录页、业务 Layout,以及 Home、Hermes、Agents、Market 四大业务入口。
- 完成 Hermes AI 对话工作台,支持会话列表、历史消息、附件、模型路由、流式增量渲染、取消生成、usage 展示和 Home 输入跳转后自动发起对话。
- 完成 Agents 智能体中心,支持官方智能体目录、用户项目、文件、历史、图片生成、视频生成、Skills 目录,以及 My/Community Agents 的创建、编辑、发布、书架、版本和 Responses 对话。
- 完成 Market 行业情报模块,支持产品列表、品牌筛选、产品详情、收藏、最多 5 项对比、综合资讯、监管详情、产品 AI 助手和对比 AI 总结。
- 处理多通信通道并存问题,按业务边界拆分主系统 Axios、V1 请求、Responses SSE、Agent WebSocket 和文件上传链路。
技术亮点
- 流式对话状态机:处理本地消息占位、首个 delta 前等待态、SSE 增量拼接、
response.completed终止、response ID 续聊、失败保留用户消息和 Abort 取消态。 - 复杂 ID 与凭证治理:区分平台 Agent ID、用户 Agent ID、项目/会话 ID、版本 ID、文件 ID、response ID、主系统 Token 和 Agent ApiKey。
- 真实生产状态表达:显式区分 loading、empty、missing、error、streaming、canceled,避免接口异常时出现假数据、白屏或状态误导。
智澜 CloudAdmin 企业级后台管理系统
- 时间:2025.10 - 至今
- 角色:个人项目 / 全栈开发
- 线上地址:zgm2003.cn
- 后端地址:www.zgm2003.cn/health
- 技术栈:Golang、Gin、GORM、MySQL、Redis、Asynq、WebSocket、Vue 3、TypeScript、Vite、Element Plus、Pinia、Docker、Nginx
核心工作
- 设计 Go 后端模块化单体架构,按用户、角色、菜单、权限、操作日志、通知中心、上传配置、支付、钱包、队列任务和 AI 管理拆分业务边界。
- 实现 RBAC 权限体系,支持后台用户、角色、菜单、页面权限、按钮权限和接口权限控制。
- 设计 API / Worker 双进程模型,API 负责 HTTP、登录认证、权限校验和 WebSocket 连接,Worker 负责异步队列、定时任务和后台补偿任务。
- 基于 Redis + Asynq 实现异步队列,将导出、通知、支付补偿、AI 超时检测等任务从主请求链路拆分,提高接口响应速度和系统稳定性。
- 完成支付宝充值与钱包结算模块,覆盖支付配置、订单创建、异步回调、验签、金额校验、状态推进、钱包入账、幂等控制和补偿任务。
- 基于 Vue 3 + TypeScript 开发管理后台,完成登录、首页、用户、角色、菜单、系统配置、日志、通知、支付、钱包、AI 管理和队列监控等页面。
技术亮点
- 企业后台能力完整:覆盖登录认证、RBAC、系统配置、日志审计、通知、上传、支付、钱包、AI、队列和实时消息。
- 后端职责边界清晰:API / Worker 分离,避免 HTTP 服务里直接堆定时任务和耗时任务。
- 支付链路闭环:覆盖配置、下单、回调、验签、补偿、入账和流水,重点处理幂等和状态单调推进。
Open Protocol Adapter 协议适配与账号池管理平台
- 时间:2026.07 - 至今
- 角色:个人项目 / 协议适配与逆向分析
- 技术栈:TypeScript、Node.js、Fastify、React、Vite、Ant Design、MySQL、Redis、BullMQ、Docker
核心工作
- 设计本地私有化协议适配服务,对下游提供 OpenAI 风格
/v1/*接口,覆盖 models、chat completions、responses、messages、图片生成和视频生成等能力。 - 基于接口行为分析梳理上游协议参数、鉴权方式、HMAC 签名、任务状态、错误码和响应结构,封装为稳定的协议客户端和统一错误模型。
- 实现账号池管理能力,支持账号导入、启用、停用、冷却、余额刷新、耗尽识别和失败原因分类,提高多账号调度的可控性。
- 基于 BullMQ + Redis 设计批量注册与补号队列,支持任务创建、查询、取消、邮箱验证码轮询、域名池选择、限频控制和失败重试。
- 设计图片/视频任务协议适配层,处理任务创建、任务 ID 映射、轮询查询、状态归一化、失败分类和 OpenAI-Compatible 响应封装。
- 开发 React + Vite Web 控制台,提供账号池、运行配置、YYDS Mail 配置、域名池、图片/视频任务和注册队列等运维入口。
技术亮点
- 协议适配能力:不是简单转发请求,而是处理鉴权、签名、参数映射、状态归一化、错误分类和响应封装。
- 账号池调度能力:围绕余额、冷却、失败分类和任务队列做账号管理,提高上游调用稳定性。
- 工程化完整:提供 Docker Compose 部署,使用 Vitest 覆盖协议客户端、队列、账号服务和 Web API。
Canvas AI 多模态创作平台
-
时间:2026.05 - 至今
-
角色:个人项目 / AI 应用开发
-
线上地址:canvas.zgm2003.cn
-
技术栈:Next.js、React、TypeScript、Tailwind CSS、Golang、Gin、MySQL、AI Provider、Docker
-
基于 Next.js + TypeScript 实现独立创作入口、登录态保护、用户信息、Prompt 列表、素材资产展示和画布创作页面。
-
设计 Canvas API 边界,前端统一调用
/api/canvas/v1/*,避免直接暴露 Provider Key 和模型配置。 -
实现 AI 设置接口,后端根据不同创作场景返回可用 Agent、模型和参数配置。
-
支持文本生成、图片生成、图片编辑、视频任务创建、视频任务查询和内容访问等 AI 创作链路。
-
围绕无限画布场景实现项目列表、画布节点、资源引用、素材选择、Prompt 库、图片工具栏、裁剪/放大、音视频参数配置和任务状态反馈。
AI 图像生成 API 兼容网关与在线工作台
-
时间:2026.03 - 至今
-
角色:开源项目维护者 / 全栈开发
-
线上地址:image.zgm2003.cn
-
开源数据:140+ Stars / 40+ Forks
-
技术栈:Python、FastAPI、SQLAlchemy、SQLite、PostgreSQL、React、Next.js、TypeScript、Tailwind CSS、Docker
-
基于 FastAPI 设计 API 适配层,实现统一路由、鉴权校验、请求参数解析、异常封装和标准响应返回。
-
设计 OpenAI-Compatible 协议兼容能力,支持
/v1/images/generations、/v1/images/edits、/v1/chat/completions、/v1/responses等接口。 -
开发 AI 图片生成与编辑链路,支持 Prompt 输入、模型选择、图片上传、多图编辑、生成结果返回、历史记录和前端预览。
-
基于 React + Next.js + TypeScript 开发 Web 在线工作台,实现模型选择、Prompt 编辑、图片预览、历史记录、配置管理和任务反馈。
-
设计多存储适配能力,支持 JSON、SQLite、PostgreSQL 等方案,兼容本地轻量运行和团队自托管部署。
-
提供 Docker 部署能力,方便用户在本地、服务器或私有环境中快速启动和使用。
品牌域名风险 WebSearch 检索系统
-
角色:后端检索项目 / 后端开发
-
技术栈:Python、Next.js、TypeScript、WebSearch、关键词检索
-
参与关键词搜索与域名风险识别 Web 系统开发,用于围绕指定品牌词、域名或业务关键词检索网络结果,辅助筛选品牌近似、擦边站点和疑似侵权线索。
-
负责 Python 后端检索接口开发,封装关键词查询、搜索结果解析、域名提取、结果去重和异常处理等能力。
-
基于 Next.js + TypeScript 开发检索页面,支持关键词输入、搜索结果展示、风险标记、详情查看和人工复核操作。
-
结合域名相似度、标题/摘要关键词命中、站点业务相关性等信息,对疑似风险结果进行初步分层。
教育经历
武汉文理学院
计算机科学与技术|本科|2024.09 - 2026.06
- 课程:数据结构、计算机网络、操作系统、数据库原理、软件工程、Web 开发、Python 程序设计、人工智能基础
- 在校期间持续参与 Web 应用、自动化工具、Golang 后端服务、Python 工具服务和 AI 应用工程化项目开发
面试关键词
Vue 3|TypeScript|React|Next.js|Go|Gin|GORM|Python|FastAPI|Node.js|Fastify|MySQL|Redis|BullMQ|Asynq|WebSocket|SSE|RBAC|支付宝回调|支付补偿|OpenAI-Compatible API|Agent|多模态生成|AI 工作台|协议适配|账号池|Docker|Nginx