2020.10—2022.06
EXPERIENCE杭州势成科技有限公司
前端开发
- 参与体检 / 健康管理 SaaS 中台「势成云」的前端开发，覆盖体检中心管理、预约与订单、审核流、多租户渠道中心与员工权限中心，并参与低代码 H5 页面搭建平台建设。
CURRICULUM VITAE · 2026
江林
前端开发工程师
01
个人简介
6 年前端开发经验，精通 Vue3 / React / TypeScript，具备组件封装、状态管理与路由组织能力；擅长复杂业务组件抽象、ToB 系统重构与多端交付，能够把 AI 能力转化为团队可复用的工程方案；熟悉 Prompt 优化与流式交互，了解 Agent / MCP / Tool Calling / Embedding / Memory；具备独立思考、问题拆解和团队协作能力，对新技术保持好奇，能够将技术验证沉淀为可落地、可维护的产品能力。
02
核心技能
前端框架
组件与业务
工程化
性能与体验
AI 与新能力
03
工作经历
2022.06—至今
EXPERIENCE杭州朱丽燕网络科技有限公司
前端开发
- 负责服装供应链 SaaS「衣链」PC 端与移动端的前端建设：PC 端覆盖 19 个业务域、1400+ 页面，移动端覆盖开发打样、核价、品检、发货对账全流程 140+ 页面；作为核心前端（4500+ 提交），主导 AI 识别能力落地与公共组件建设。
- 主导「纸质检测报告 AI 识别回填」等 AI 能力落地；自研代码知识图谱平台「逻瞳」，并通过 MCP 把符号检索、调用链追踪、影响面分析等图谱能力开放给 Claude Code 等 AI 编程助手。
2019.07—2019.12
EXPERIENCE芜湖奇瑞汽车股份有限公司
前端开发
- 参与公司业务系统的前端页面开发与日常维护。
04
项目经历
PROJECT
SELECTED衣链 · 服装供应链 SaaS 平台（Vue3）
面向服装企业全供应链（企划 → 开发 → 下单 → 生产 → 质检 → 库存 → 交付 → 对账）的大型 B 端系统，19 个业务域、1400+ 页面。技术栈 Vue3 + TS + Vite + Element Plus / VXE-Table，内置 RBAC 动态路由、多页签缓存与 30+ 自研通用组件；本人为核心前端（4500+ 提交），主导 AI 识别能力落地与公共组件建设。
- AI 识别回填：主导落地「纸质检测报告 AI 识别回填」——封装视觉大模型调用 Hook（SSE 流式 / 取消 / 用量），设计行号锚定 + 双阶段转录对齐 + 「只否决不新增」复核的三重防错行 / 防幻觉机制，单张识别录入从 6~7 分钟降到 30 秒，配合置信度分级标注人工复核，将几十行手写报告录入从逐行手填变为拍照自动回填。
- AI 编程助手接入：将自研代码智能平台接入当前项目，把符号检索、正 / 反向调用链、跨语言调用桥、影响面分析等图谱能力以 10 个工具开放给 Claude Code 等 AI 编程助手，使团队成员在 IDE 内的 AI 助手能直接命中业务逻辑的精确位置与调用关系，而非依赖全文搜索逐文件猜测。
- 通用布局容器重构：自研通用详情页布局容器 YLContainer 覆盖 60+ 页面；后期以「公开 API 与样式锚点完全不变」方式将原先的 Element Plus 容器组件族重构为原生 flex 布局，削减每页 DOM 层级与组件实例开销，60+ 业务页面零改动平滑升级。
- A3 排版打印编辑器：实现波段搭配图 A3 排版打印编辑器——canvas 像素级去透明边裁切（含跨域加载回退、画布污染自动降级链），命令式分页渲染支持拖拽 / 缩放 / 图层调整；通过分批让出主线程 + 绕开 UI 库 loading 文案不刷新缺陷，保证数十张图批量处理时进度实时可见，设计师排版打印由纯人工拼版改为一键生成。
- 拼音模糊搜索：实现导航菜单拼音模糊搜索（pinyin-pro 预生成全拼 + fuse.js 加权模糊匹配），支持中文 / 全拼 / 路径混合检索。
- 公共组件建设：建设企业级公共组件能力，为 YLSelect 增加虚拟滚动并兼容多选、搜索和键盘交互。
- Vue3
- TypeScript
- Vite
- Element Plus
- VXE-Table
PROJECT
SELECTED衣链 APP · 服装供应链移动端（UniApp）
服装供应链 SaaS 移动端，uni-app（Vue3 + TS）跨端产出 H5 与 iOS / Android App（支持热更新），覆盖开发打样、核价、品检、发货对账全流程 140+ 页面，核心为动态表单 + 审批流引擎驱动的单据体系。
- 双通道升级体系：设计 App 双通道升级体系（基座包 / wgt 热更新），并将发版流程自动化为一条命令，功能迭代支持资源增量更新，缩短非原生功能发布周期，发版人工操作从 7~8 步降为 1 步、杜绝 appId / 环境 / 版本号三类高危人工错误。
- 动态表单引擎：实现「模板 JSON → 表单」动态渲染引擎，落地 10+ 类审批单据；设计节点级字段权限降级机制，一份模板适配全流程节点；提交回传表单结构快照保证历史单据可精确还原。
- 疑难问题攻坚：定位 z-paging 多实例选择器串台并以 patch-package 打源码补丁；解决雪花 ID 经 JSON.parse 精度丢失（白名单方案）、ES2021 API 导致 App 端白屏、iOS 首次安装网络未授权白屏自愈等线上问题。
- uni-app
- Vue3
- TypeScript
- Vite
PROJECT
访问项目逻瞳 · 代码知识图谱 AI 问答平台（React + Node.js）
自研代码智能平台：用多语言 AST 把代码仓库静态解析成「节点 + 关系」知识图谱，在其上提供中文自然语言问答（ReAct Agent + SSE 流式）、跨语言调用链正 / 反向追踪与图谱可视化，并通过 MCP 把精确代码事实开放给 Claude Code 等 AI 编程助手。
- 多语言知识图谱内核：基于 TypeScript Compiler API / @vue/compiler-sfc / tree-sitter（wasm）解析 TS、Vue SFC 与 Java，抽取函数 / 组件 / API 调用 / 路由等节点与 calls / imports / implements 等关系；语言注册表可插拔、解析与抽取分层，新语言低成本接入。
- 跨语言调用链桥：把前端 apiCall 与后端 routeEntry 按归一化 endpoint 自动配对进同一张图，「点这个按钮最终改了哪张表」从全文搜索逐文件跳转变为一次图遍历，前后端一跳打通。
- ReAct Agent 问答链路：自研 9 类意图分类 + OpenAI 兼容 tool calling 的「思考 → 工具 → 观察」循环，SSE 流式推送 thinking / tool / answer 事件；内置工具结果请求级缓存、死循环防护与多级超时，LLM 接入层可配置切换本地模型与云端 API。
- 流式会话与视图解耦：把 SSE 会话抽为独立于路由的流会话单例，切换会话不中断生成、中止时服务端落库部分答案、页面重挂载自动续接；多轮对话与跨会话记忆经 SQLite 持久化。
- MCP 服务：以 stdio 向 Claude Code 暴露 10 个只读工具（符号检索 / 正反向调用链 / 影响面分析 / 修复上下文 / 经 git apply --check 校验的 patch 提案），让 IDE 内 AI 助手拿到精确结构事实而非 grep 逐文件猜测。
- React
- Node.js
- TypeScript
- tree-sitter
- MCP
- ReAct Agent
- SSE
- SQLite
PROJECT
SELECTED势成云 SaaS · 体检 / 健康管理 SaaS 中台（React）
业务覆盖体检中心管理（医院 / 项目库 / 套餐 / 单位库）、预约与订单、审核流（售后 / 改期 / 加项 / 发票）、多租户渠道中心、员工权限中心，以及一套低代码 H5 页面搭建平台（面向渠道运营，拖拽生成 C 端体检 H5 页面）；多租户特征贯穿全站（channelNo / Rent-Id 隔离）。
- 低代码 H5 搭建平台：基于 require.context + 动态 import + 运行时注入的物料自动注册体系，新增物料零注册代码；实现配置面板与画布双向同步、cloneDeep + isEqual 脏检查与离开拦截、多人编辑锁与版本管理；通过 debounce 聚合将页面级埋点角标合并为单次批量请求。
- Excel 导出三级方案：小数据量前端 SheetJS 生成（require.ensure 异步分包，按需加载）、中等数据量后端 blob 流下载（拦截器 Blob 特判透传）、大数据量后端异步任务 + 导出中心，解决大数据量导出浏览器内存溢出与请求超时问题。
- 统一请求异常处理：封装统一请求异常处理机制——支持 config 级开关，通过挂起 Promise 截断异常链，使业务层减少重复 try/catch；引入 loading 引用计数避免并发请求闪烁，并通过 TS 声明合并与泛型透传完善类型提示。
- React
- TypeScript
- Webpack
- SheetJS
05
教育经历
安徽工业大学
本科
2015.09—2019.07