PERSONAL ARCHIVE

江林

前端开发工程师 · 杭州

5 年前端开发经验,以 Vue2 / Vue3 + TypeScript 为主栈,具备复杂业务组件抽象、ToB 系统重构与多端交付经验;了解 React、Hooks 与函数组件开发,并在 Astro 个人站点和学习原型中完成交互组件实践;对 AI 应用工程保持持续探索,高频使用 Claude Code 与 Codex,已完成 AI OCR 业务落地及 RAG / ReAct Agent、Embedding 语义召回、Memory、Agent Skill 与 MCP 等实践,能够独立完成从前端、Node.js 服务到 CI/CD 与部署的完整交付。

02

精选项目

衣链

围绕大型服装供应链 SaaS 的长期迭代与 Vue3 重构,落地 unplugin 自动导入与组件按需注册、动态路由 RBAC 和 12 个权限指令;针对复杂表格实现列配置、行合并、Excel 导出与千行级虚拟滚动,并通过懒加载、DOM 内存回收、自定义 ESLint 规则、构建体积分析和 Gzip 持续治理性能与代码质量。

Vue3 · TypeScript · Vite · Element Plus · VXE-Table · ECharts · Tailwind CSS

衣链移动端 App

基于 uni-app + Vue3 + TS 单套代码覆盖 iOS / Android / H5 / 微信小程序,服务质检、生产、订单、对账等 9 大业务模块。建设请求与路由拦截、动态表单模板和 36+ 业务组件,以条件编译适配扫码、拍照、OSS 上传等端能力,并使用 z-paging、ECharts 与响应式布局支撑无限滚动和 10+ 供应链指标看板。

uni-app · Vue3 · TypeScript · Vite · Pinia · ECharts
03

能力概览

前端工程
JavaScript ES6+ / TypeScript Vue2 / Vue3(主栈) React / Hooks(了解并有组件实践) 组件抽象与业务组件库 ToB 系统重构 AntV G6 / ECharts uni-app
AI 应用工程
大模型接入与 Prompt Engineering AI OCR / JSON Schema 结构化输出 RAG / ReAct Agent / Tool Calling Embedding / 语义召回 / Memory DeepSeek / 千问 / Ollama / bge-m3
AI 辅助研发
Claude Code / Codex Agentic Coding(Vibe Coding) AI 协作式需求分析与方案设计 AI 辅助编码 / 调试 / 测试 / Code Review
Skill 与工具集成
Agent Skill 设计与开发 工作流与触发条件设计 MCP 工具集成 验证脚本与安全约束
全栈与工程化
Node.js / Fastify Vite / Webpack pnpm monorepo SSE / WebSocket CI/CD
04

工作经历

    • 负责公司核心服装供应链 SaaS「衣链」的前端建设,覆盖供应商、订单、质检、库存、财务、生产等 20+ 业务模块及数百个页面;作为前端负责人,承担需求评审、技术方案、核心开发与版本交付,并主导 Vue2 → Vue3 + TypeScript + Vite 重构及工程化架构落地。
    • AI OCR 方案设计:主导接入千问大模型,围绕面料理化检测报告搭建「图片识别 → 结构化解析 → 字段匹配 → 表单回填」完整链路,实现 AI 能力在真实供应链业务中的落地。
    • 结构化识别治理:通过强约束 JSON Schema、行号锚定、置信度标注,以及实测值 / 标准要求 / 单位等多列交叉校验,减少复杂表格识别中的错行、漏项和字段错配。
    • 流式交互与业务提效:实现识别结果流式返回,并在前端加入选项最接近匹配等容错策略,将单张报告处理时间由 6~7 分钟缩短至约 30 秒,整体效率提升十余倍。
    • 设计并实现 schema 驱动的业务组件体系,沉淀 YLForm、YLTable 等 15+ 核心组件;支持动态表单、列配置、列宽持久化、行合并、Excel 导出与千行级虚拟滚动,并通过低代码字段 / 列表配置让业务人员按需调整页面展示。
    • 建设路由守卫、动态路由注入与 v-permission 等 12 个自定义指令组成的 RBAC 权限体系;结合组件懒加载、DOM 内存回收、打包体积分析、Gzip 与自定义 ESLint 规则治理复杂页面的性能和代码质量。
    • 负责衣链移动端 App 的多端建设,以 uni-app + Vue3 + TypeScript 单套代码覆盖 iOS、Android、H5 与微信小程序;建设 36+ 业务组件、141 个路由及 97 个角色权限控制,并封装扫码、拍照、OSS 上传等原生能力。
05

教育经历

  • 安徽工业大学 · 本科2015.09 — 2019.07
06

实践笔记

进入笔记
  1. 从普通请求到 SSE:AI 对话前后端实践
  2. 一次多 Agent 工作流编排实验
  3. 我如何搭建一个 LLM 学习工作台
  4. 我的 AI Coding 工作流:Claude Code、Codex 与 Skill