进入AI聊天

聚焦 AI Agent 应用前端
8 年前端架构实战｜数据智能｜从大数据中台到 LLM 对话交互全链路落地

专注AI应用前端开发。擅长流式交互、Agent对话界面设计、数据可视化。
具备全栈BFF能力，主导过AI问答平台、大数据中台前端架构。
熟悉LLM工程化落地，掌握SSE/WebSocket流式渲染、多轮对话状态管理与多模态交互的前端实现。

技术栈 核心项目

核心竞争力

AI大模型应用落地

精通 SSE/WebSocket 流式对话、多轮对话状态管理、LLM API集成、Token管理、多模型适配、上下文记忆、中断恢复、Markdown/代码块/公式渲染、多模态交互；熟练使用 LangChain.js、Web Audio API，实现 AI 问答、语音输入、仪表板可视化生成。

数据智能与可视化

主导大数据中台、轨道交通大屏、成本分析系统开发，熟练使用 ECharts/AntV G6/G2，解决亿级数据渲染与实时刷新性能难题，支持万级数据流畅交互。

架构设计与工程化

从 Vue2 升级 Vue3+Vite，构建性能提升 30%，首屏加载优化 40%；封装通用组件库，团队复用率 70%+，开发效率提升 30%，降低 25% 前端维护成本；实现 GitLab CI/CD 自动化部署，支撑多团队协同开发。

技术栈能力

框架技术

React Vue 2/3 (全家桶) TypeScript JavaScript (ES6+) Tailwind CSS Next.js Webpack / Vite GitLab CI/CD

AI工程化

SSE流式交互 多轮对话状态管理 LLM API 集成 Token 管理 LangChain.js Prompt交互设计 Web Audio API 上下文记忆 中断恢复

可视化 & 跨端

ECharts AntV G6/G2 Element Plus Ant Design Vue 响应式布局 大屏可视化 Electron 微信小程序

后端 & BFF

Node.js Express API 聚合 接口鉴权 数据清洗

工程化与优化

ESLint Prettier 组件封装 性能优化 懒加载 RBAC权限控制 模块化部署 万级数据高性能渲染

工作经历

上海逸迅信息科技

前端工程师

2021.07 - 2025.12

  • 设计并实现LLM Agent对话前端架构、Agent对话状态管理方案, 封装可视化组件库，团队复用率70%+，开发效率提升30%，降低25%前端维护成本。支持流式输出、语音输入、多模态交互、仪表板可视化生成、报表生成，服务企业级用户。
  • 负责大数据中台（DIPC）前端架构设计，从Vue2升级至Vue3+Vite，提升构建性能30%，首屏加载优化40%, 实现数仓建模、数据研发、API服务等核心模块。
  • 主导轨道交通项目（上海13号线西延系统、申电云大屏）开发，实现实时数据刷新与高性能渲染，保障复杂业务场景用户体验。

上海中扬大数据

前端工程师

2020.04 - 2021.07

  • 负责内网防御入侵监控系统（平台端+客户端+私有云）及大屏开发
  • 基于G2构建实时入侵监控大屏，实现RBAC权限控制，支持企业级安全监控
  • 多端复用架构设计，平台端/客户端/私有云模块化部署

上海妙算信息科技

前端工程师

2018.07 - 2020.04

  • 参与区块链、医疗SaaS、外贸CRM等项目，负责WebApp及PC端框架搭建
  • 开发医疗废物全流程追溯系统，实现数据可视化分析
  • 解决复杂表单交互、版本控制与订单打印等核心业务问题

核心项目经历

AI 智能对话平台

大模型应用

面向企业级用户的AI智能对话平台，支持多模型接入、流式文本响应、上下文记忆

技术栈： Next.js React TypeScript SSE流式交互 Tailwind CSS Node.js
  • • 基于React + TypeScript深度定制，实现流式渲染、对话管理、模型适配层核心模块
  • • 深入优化SSE流式渲染、Markdown实时格式化，响应延迟降低40%
  • • 设计Context + Reducer消息状态管理方案，支持多会话、上下文保持、草稿状态
  • • 实现Prompt模板与上下文裁剪策略，降低无效上下文干扰，提升回答稳定性
  • • 实现幂等性机制与异常边界处理（网络断开、JSON不完整、超时重试），提升系统稳定性

idata AI问答平台

AI核心项目

基于大模型的智能问答与数据可视化平台，支持多轮对话、语音输入、自定义报表生成

技术栈： Vue3 TypeScript SSE ECharts
  • • 实现多轮对话管理、上下文保持、会话恢复，支持追问、澄清、纠错
  • • SSE实时流式输出，首字响应<300ms，打字机效果提升用户感知
  • • 集成Web Audio API实现录音上传，对接语音识别API，支持语音输入
  • • 基于vuedraggable+ECharts实现仪表板拖拽生成，用户快速创建数据报表
  • • 封装对话气泡、代码块、Markdown渲染等组件，复用率达85%

DIPC数据集成处理中台

架构设计

一站式大数据处理平台，涵盖数仓建模、数据研发、任务调度、数据资产、API服务全流程

技术栈： Vue2/Vue3 TypeScript Vite codemirror
  • • 主导 Vue2→Vue3+Vite 迁移，构建性能提升 30%，冷启动 < 3s
  • • 封装业务组件库（表单配置、数据预览、权限控制），团队效率提升 30%
  • • 实现大数据量分页渲染、虚拟滚动、懒加载，万级数据流畅交互
  • • 实现数据血缘可视化、任务调度监控等核心功能

沃尔沃整车零部件CMT项目

数据可视化

多地区/多车型成本分析系统，实现零部件成本基准对比、差异分析与通用件追踪

技术栈： Vue3 Element Plus ECharts 性能优化
  • • 开发多维度成本差异分析报表，支撑企业成本优化决策
  • • 采用懒加载+分页+分类渲染，解决大数据量请求性能问题
  • • 实现车型成本概览、产品流成本拆解等可视化展示
  • • 通用件追踪模块，实现零部件全生命周期数据管理

轨道交通系统+申电云大屏

实时监控

覆盖新车全生命周期的工程管理平台与轨道交通数字化生产管理中心大屏

技术栈： Vue2/Vue3 Element Plus ECharts 响应式布局
  • • 实现新车从合同到验收的全流程协作管理，服务5大职能组
  • • 开发复杂动效与实时数据可视化大屏，适配多尺寸设备
  • • 优化实时数据刷新机制，保障高并发场景下的流畅体验
  • • 实现RBAC权限控制，支撑多角色精细化操作权限

教育背景

河南理工大学

计算机科学与技术 · 本科

具备扎实的计算机专业基础，掌握前端开发、数据可视化相关理论知识. 关注AI前沿动态，为工程化开发与AI产品落地提供理论支撑。

联系我

电话

18838688583

邮箱

ying.song.sara@outlook.com

求职意向

AI Agent 前端工程师