郑静|前端开发工程师
手机:13527572152 | 邮箱:1058285396@qq.com|专科 | 重庆 | 1994年生 | 已婚已育两孩,无新增生育计划,家庭支持稳定
求职意向:前端开发工程师 / AI 应用前端工程师 / 全栈型前端工程师
个人优势
- 10 年+前端开发与 UI/UX 复合经验,长期负责海关、物流、航运、医疗等 B/G 端复杂业务系统,具备从需求拆解、交互设计、前端开发到项目交付的完整闭环能力。
- 熟悉 Vue 2/3、TypeScript、Vite、Nuxt 3、Element UI / Plus、Pinia、SCSS、uni-app 等技术栈,擅长复杂表单、权限流程、数据看板、地图交互与跨端页面开发。
- 近期重点补齐 Nuxt 3 全栈与 AI 应用工程化能力,独立完成 AgentDesk 全栈 AI 对话助手,覆盖流式响应、多模态附件、模型路由、长期记忆、用量统计和 Cloudflare 部署。
- 具备产品工程师型前端能力,能从业务目标出发完成需求拆解、交互设计、技术实现和上线交付;可熟练使用 Figma、Axure 与 AI 编程工具提升设计到开发效率,并对代码质量、可维护性和交付结果负责。
技术栈
- 前端框架:Vue 2/3、Nuxt 3、TypeScript、JavaScript、Vite、Pinia、Axios、uni-app、Electron
- UI 与样式:Element UI / Plus、Ant Design、uView、SCSS/Sass、Tailwind CSS
- AI 工程:Vercel AI SDK、LLM API、DeepSeek、通义千问 qwen-vl-plus / qwen-long、Prompt 工程、流式响应、多模态处理、RAG / 长期记忆基础
- 浏览器扩展:Chrome Extension MV3、CRXJS、扩展通信机制
- 数据与后端:Nuxt Nitro API、H3 Server Routes、Drizzle ORM、SQLite、Cloudflare D1/R2/KV/Vectorize、zod
- 工程与工具:Git、Wrangler、Sentry、ECharts、Amap、Fabric.js、Figma、Axure、Photoshop、InDesign、Qoder
工作经历
重庆信贸源科技有限公司|前端开发工程师 / UI&UX 设计师 / 项目负责人
2018.08 - 至今
- 参与政务、物流、航运等大型 B/G 端系统前端架构设计与核心模块开发,交付复杂业务页面、权限流程、地图交互、数据表格和移动端适配等核心功能。
- 主导多个项目从 UI/UX 设计到前端实现的全链路交付,沉淀表格、筛选、权限、地图交互、请求封装等复用模块,降低多项目并行开发中的重复实现成本。
- 结合 Qoder 等 AI 编程工具辅助代码生成、重构与问题定位,并在 AI 对话、数据提取、报告生成、浏览器扩展和全栈应用中探索落地方式。
上海华宿电气科技有限公司 / 重庆芳华医院 / 重庆启高科技有限公司|前端开发工程师 / UI&UX 设计师
2014 - 2018
- 独立完成企业官网、医疗系统、工业监控、电商后台等项目的设计与前端开发,积累组件化开发、后台管理系统、跨端适配和视觉设计经验。
- 早期即承担设计与开发双角色,形成了从业务目标、用户体验到技术实现整体思考的工作方式。
重点项目经历
AgentDesk:Nuxt 3 全栈 AI 对话助手
个人项目|前端 / 全栈开发
线上部署:https://chat-nuxt-app.pages.dev 账号面试时提供
技术栈:Nuxt 3、Vue 3、TypeScript、Vercel AI SDK、Element Plus、Pinia、Drizzle ORM、SQLite、Cloudflare D1/R2/KV/Vectorize、Sentry、Wrangler
项目亮点:独立完成从前端交互、服务端 API、数据库建模、AI 模型接入、文件处理、部署监控到用量统计的完整闭环。
- 独立开发 Nuxt 3 全栈 AI 对话助手,整合聊天界面、会话管理、文件上传、分享快照、长期记忆、用户体系、管理员统计、AI 用量日志和错误追踪。
- 基于 Vercel AI SDK 与 Nuxt Nitro API 实现 AI 流式响应,支持 DeepSeek 文本对话、通义千问视觉模型和长文档模型,并根据附件类型自动路由。
- 使用 Drizzle ORM 抽象本地 SQLite 与 Cloudflare D1,维护会话、消息、用户、分享、反馈、长期记忆和 AI 用量日志等数据表。
- 接入 Cloudflare Pages、D1、R2、KV、Vectorize、Sentry 与 traceId,支持边缘部署、文件存储、长期记忆检索基础、线上错误追踪和调用失败降级。
- 设计轻量 Agent 任务与步骤留痕机制,记录任务状态与工具执行日志,为后续从 AI 对话助手扩展到 Agent 工作台打下基础。
智能助手:Chrome 扩展与 AI 大模型应用
前端开发 / Chrome 插件开发 / UI&UX 设计
技术栈:Vue 3、TypeScript、Vite、CRXJS、Chrome Extension MV3、Element Plus、Axios、Marked、Highlight.js、LLM API
- 基于 Chrome Extension MV3 架构开发 AI 浏览器侧边栏助手,支持任意网页智能对话、页面数据识别、字段采集与结果展示。
- 设计 Side Panel 交互界面,封装扩展内部通信机制,统一管理页面注入、数据采集、模板匹配和状态更新。
- 开发网页元素拾取器,支持高亮 DOM、生成 CSS Selector、提取文本/HTML/位置信息,辅助用户补充采集字段。
- 接入大模型能力,根据页面 DOM 自动识别关键数据项、生成采集模板,并将采集结果整理为 Markdown 表格或文档。
- 实现动态脚本注入与数据回填能力,支持将提取后的结构化数据写入指定业务网页表单,提升单据处理效率。
重庆海关智能审单系统
前端开发 / UI&UX 设计
技术栈:Vue 3、TypeScript、Vite、Element Plus、规则引擎、PDF 解析
- 设计企业端与海关端审单流程,覆盖初审、复审、多人协同、防冲突锁单等关键场景,实现 28+ 条业务规则配置、数据一致性校验与异常高亮提示。
- 重构 40+ 字段复杂数据处理逻辑,优化列表检索、导入、布局自适应和一键最大化等交互,提升页面响应速度与审单效率。
- 将复杂业务规则拆解为可维护模块,结合 UI 规范和组件封装降低后续迭代成本。
重庆海关数据共享交换子系统
前端开发
技术栈:Vue 3、TypeScript、Vite、Pinia、Vue Router、Element Plus、Axios
- 负责 AFD 数据共享门户与 ADM 数据授权门户开发,覆盖数据接入、共享申请、多级审核、状态跟踪、数据服务管理及数据授权等核心业务。
- 开发申请单、审核流、历史记录、状态跟踪、单证浏览等页面,支持多角色审核、退回、流程记录、附件上传和数据字典导入预览。
- 实现行级、列级数据授权配置,支持字段树选择、区间条件、and/or 逻辑关系、永久授权、规则校验及编辑回显。
- 封装统一请求层、公共 hooks 和业务组件,统一处理接口配置、token 校验、环境地址、登录失效跳转及门户菜单解析。
重庆水运智慧导航系统
前端开发 / UI&UX 设计
技术栈:Vue 3、TypeScript、Vite、Element Plus、Pinia、Amap、Fabric.js、Uniapp
- 参与水运智慧导航平台前端开发,建设电子航道地图、通航信息展示、基础资料管理、审核发布等核心业务模块。
- 基于高德地图实现航道可视化、图层展示、坐标拾取、覆盖物绘制、区域截图等地图交互能力,支撑水域对象的可视化管理。
- 开发航道、港口、码头、锚地、桥梁、水位站等基础信息维护页面,完成查询、编辑、详情展示及接口联调。
- 参与审核发布流程开发,覆盖提交记录、待审核、已审核、发布记录、版本管理等功能,保障航道数据更新流程可追溯。
- 封装 Axios 请求、路由权限、本地缓存、公共工具函数和枚举数据管理,提升项目模块复用性与维护效率。
重庆铁路口岸综合服务平台
前端开发 / 移动端开发 / UI&UX 设计
技术栈:Vue 2、Vue Router、Vuex、Element UI、Axios、uni-app、uView、ECharts、Video.js、Baidu Map
- 参与重庆铁路口岸 Web 门户与 App 端开发,覆盖首页门户、新闻公告、口岸服务、预约办事、综合查询、统计看板等核心业务场景。
- Web 端基于 Vue 2 + Element UI 开发订舱预约、物流跟踪、入港展示、口岸服务、新闻资讯、综合查询等模块,提升企业用户线上办事效率。
- App 端基于 uni-app 开发移动端办事大厅,支持订舱预约、整车预约、场站预约、跨境预约、集装箱查询、账单支付、消息通知等功能。
- 开发统计分析模块,使用 ECharts 展示营收、车辆、场站、通道、通关、跨境电商等运营数据,辅助管理人员移动端查看经营情况。
- 封装 Web/App 端接口请求、本地缓存、登录状态、用户信息与公共工具方法,统一处理 token 失效、接口配置和业务异常。
- 适配移动端多页面导航、下拉刷新、视频播放、地图定位等场景,保障口岸业务在 PC 和移动端的一致体验。