前端工程师 · AI 应用方向

杜涛

React / Vue · 跨端交互 · Tauri 桌面应用

以四年前端开发经历为基础,从 Vue 业务系统、报表和小程序,逐步拓展到 React + Tauri 桌面应用与 AI Agent 产品。擅长把业务规则转化为清晰的交互,处理复杂状态、组件复用和跨端兼容;在 AI 工具链辅助下参与 FastAPI 接口与数据库相关交付,重视实现核对、问题排查和针对性验证。

4 年 · 成都

技术栈与工程能力

语言与基础
HTML5、CSS3、JavaScript(ES6+)、TypeScript;语义化页面、响应式布局、异步编程与浏览器兼容。
框架与状态
Vue 2 / 3、Composition API、React Hooks;Vue Router、React Router、Vuex、Pinia、Zustand;组件封装与复杂状态管理。
UI 与样式
Element UI / Plus、Ant Design / ant-design-vue、Vant、uView Plus;Sass / SCSS、Less、Tailwind CSS。
跨端与桌面
uni-app、Taro、微信小程序、H5、Tauri;Electron 宿主适配,参与 Rust 原生命令与前端桥接,处理 WebView 兼容及桌面更新。
可视化与文档
ECharts、Canvas、虚拟化表格、地图点位交互;PDF.js、SheetJS(xlsx)、docx-preview,实现 PDF / Excel / Word 附件预览。
网络与实时
Axios、Fetch、WebSocket、SSE;请求拦截、身份鉴权、取消与超时处理、断线重连、流式消息及历史分页。
AI 应用集成
AI Agent 会话与工具调用、MCP、Skill 接入、模型网关;处理多设备会话状态,使用 AI 编程工具辅助开发与排查。
后端与数据
AI 辅助参与 Python、FastAPI、Pydantic、SQLAlchemy、Alembic、PostgreSQL / MySQL;接口建模、数据库迁移与事务处理。
构建与交付
Node.js 工具链、Vite、Webpack、Git;组件 ES / UMD 构建、依赖外置、多环境配置,参与 Docker 运行环境与 Nginx 部署配置。
测试与质量
Vitest、pytest、Playwright;TypeScript / vue-tsc 检查、ESLint、Prettier;单元测试、浏览器交互验证和跨端构建检查。
  1. 面向 AI Agent 的使用与协作,提供桌面、Web 和小程序入口,支持智能体会话、技能与工具接入、模型调用及远程执行。负责前端界面与桌面能力接入,并在 AI 工具链辅助下参与后端服务和多设备会话协作。

    • 多设备会话占用与状态同步
    • 桌面更新异常处理与设备信息展示
    • React
    • TypeScript
    • React Router
    • Zustand
    • Ant Design
    • Tailwind CSS
    • Tauri
    • Rust
    • Taro
    • SSE
    • MCP
    • FastAPI
    • PostgreSQL
  2. 将柜体类型选择、尺寸配置、分格布局、模板选择与报价下单组织为多步骤流程。负责 uni-app 前端交互、柜体参数与 Canvas 预览联动,以及 H5、微信小程序的登录和业务流程衔接。

    • 分格编辑保持柜体总宽不变
    • 多柜段参数与预览联动
    • Vue 3
    • TypeScript
    • uni-app
    • Canvas
    • Sass
    • Vite
    • 微信小程序
  3. 围绕日常台账记录与订单业务,提供记录管理、订单汇总和附件预览,接入外部业务身份与桌面、H5 入口。参与业务页面、订单与附件接口、多端体验和访问流程的实现与完善。

    • 订单与附件的多端交互
    • 鉴权流程的连接释放与并发处理
    • Vue 3
    • React
    • TypeScript
    • Pinia
    • ant-design-vue
    • PDF.js
    • SheetJS
    • docx-preview
    • FastAPI
    • SQLAlchemy
    • PostgreSQL
  4. 为多个业务系统提供可复用的反馈、支付二维码等交互组件。搭建 Vue 3 异步组件库,支持组件独立构建,并处理宿主依赖、样式加载和部署集成。

    • 按组件入口生成 ES / UMD 产物
    • Vue 与 UI 依赖由宿主提供
    • Vue 3
    • TypeScript
    • Vite
    • ant-design-vue
    • Sass
    • Less
    • ES / UMD
  5. 通过一体化管理和 Web、小程序多端协同,支持企业业务流程的数字化。参与需求评审、前端页面与业务交互开发、数据可视化及操作流程优化;报表体验和虚拟化表格是其中的专项工作。

    • 报表操作流程优化
    • 虚拟化表格应用
    • Vue 2
    • Vuex
    • Element UI
    • WebSocket
    • uni-app
    • 虚拟化表格

工作经历

  1. 前端工程师 · AI 应用方向 · 江苏新格尔人居科技有限公司

    2025-05 ~ 至今

    负责 AI Agent 平台的桌面界面与业务交互,参与多设备会话、智能台账和定制家具设计工具;搭建远程组件库。在 AI 工具链辅助下参与 FastAPI 服务、身份接入与数据库事务相关实现。

    • React
    • TypeScript
    • Tauri
    • Vue 3
    • uni-app
    • FastAPI
    • PostgreSQL
  2. 前端开发工程师 · 四川云科迅捷科技有限公司

    2024-04 ~ 2025-01

    参与 ERP 与生鲜采购系统的 Web、APP 和小程序前端,完成报表可视化、虚拟化表格、角色权限与分拣打印,并根据用户反馈优化操作流程。

    • Vue 2
    • ElementUI
    • Vuex
    • WebSocket
    • uni-app
  3. 前端开发 · 四川极简印象文创设计有限公司

    2022-03 ~ 2024-04

    承担业务项目前端选型与搭建,覆盖资产管理、地图活动和小程序;实现动态权限、ECharts 统计、WebSocket 聊天及 Vue 3 技术迭代。

    • Vue
    • TypeScript
    • ElementUI
    • ECharts
    • WebSocket
    • uni-app