个人总结
6 年前端开发经验，近 5 年深耕阿里淘天商家生态，持续参与并主导核心业务系统交付。擅长 React +
TypeScript 技术栈，在微前端架构、AI Agent 交互界面、复杂中后台系统和国际化站点建设等方向有丰富实践。具备从 0
到 1 搭建平台级产品的能力，能够独立承担复杂模块的方案设计、核心开发、联调上线与后续优化，并在性能、埋点、组件复用等方面持续沉淀工程能力。
专业技能
React
TypeScript
Ice.js
Zustand
Module Federation
React Router
SCSS / CSS Modules
Fusion Design
Ant Design
性能优化
埋点体系
Node.js
项目经历
React Router v7
React 19
RSC
TypeScript
Tailwind CSS
G2
AI SDK
国际化
-
基于 React Router v7 + React 19 RSC 构建官网与控制台一体化应用，覆盖品牌展示、模型介绍、在线咨询、充值支付与用户后台等完整链路。
-
设计基于 URL 的中英文路由方案，统一处理 `/en` 前缀、语言切换、首访重定向及 canonical / alternate 输出，兼顾体验与搜索收录。
-
负责 API Key 管理、用量日志、趋势分析、充值支付、支付记录和模型管理等核心模块，并通过服务层封装提升页面与接口的解耦能力。
-
使用 G2 构建用量趋势和模型明细图表，并补充 robots、sitemap、结构化数据与 Open Graph 元信息，完善数据展示与 SEO 基建。
React Router
TypeScript
Ant Design
Zustand
CodeMirror
ExcelJS
-
参与 AI 平台管理后台建设，覆盖登录鉴权、分析看板、请求日志、审计日志、用户管理、账单告警、模型集成、AI Router 和插件管理等复杂模块。
-
基于 React Router 组织多级路由与权限边界，结合通用布局、全局状态与接口层封装，提升复杂菜单结构下的可维护性与扩展性。
-
使用 Ant Design、CodeMirror、G2 等能力搭建表格、表单、代码配置与图表分析场景，支撑 YAML / JSON 配置编辑、日志排查和模型路由策略管理。
-
实现账单导出、价格配置、告警配置等运营能力，并支持按模型、用户、状态码等维度的聚合展示，提升运营与排障效率。
Docusaurus
React
TypeScript
本地搜索
中英文文档
-
基于 Docusaurus 搭建 OneRoute 产品文档站，沉淀快速开始、模型能力、模型管理与第三方工具集成等内容，支撑平台对外说明与开发者接入。
-
维护中英文双语文档路由映射与页面结构，覆盖推理、流式响应、图像理解、图片生成、PDF、函数调用等能力说明。
-
集成本地搜索与多语言文档产出，提升开发者查阅效率，支撑 AI 平台开发者内容建设与对外交付。
React
Ant Design
Canvas
Fabric.js
Zustand
React Router
-
参与智能图片生成与素材编辑平台前端建设，围绕 AI 问答、图片生成、格式转换、批注等核心能力完成页面交互与功能串联。
-
负责编辑器相关页面与业务组件开发，处理图层、画布、操作面板、素材配置等复杂交互，提升工具型产品的可用性与操作效率。
-
与算法、后端及产品协作推进生成式能力接入，支撑业务在创意生产、内容编辑与素材处理方向上的落地。
React
TypeScript
Module Federation
Fusion Design
@dnd-kit
-
面向淘宝服务商生态的 B2B 商家服务管理平台，覆盖服务发布、订单履约、结算财务、资质认证、内容案例库等全生命周期管理，包含 15 个核心模块。
-
采用 Module Federation 微前端方案实现模块独立开发与部署，并通过 24+ 条路由的 lazy() 动态导入完成代码分割，降低首屏加载体积。
-
封装统一的 MTOP 协议通信层，实现 API 版本管理与多环境自动切换，保障接口调用的稳定性与可维护性。
-
开发资质认证多步骤引导流程，集成 SOP 表单引擎与自定义 Schema，支持复杂表单的动态渲染与校验。
-
实现 16 个子模块的自营结算体系与税务报送能力，覆盖采购单管理、账单统计、多维查询、Excel 导出、图片裁剪和拖拽排序等复杂交互。
React
TypeScript
Swiper
ICE Stark
IntersectionObserver
Context API
ColorThief
BigNumber.js
-
负责淘宝主营与服务市场相关核心页面建设，涵盖标准首页、服务商工作台首页、服务商导航与统一详情页等多类入口和转化场景，服务于商家导购、内容运营与购买决策链路。
-
首页方向沉淀平台优惠展示、精选服务推荐、品牌案例、解决方案等模块化运营露出能力，并通过基于全局曝光管理器的 useExposure Hook 支持 threshold 曝光检测与埋点优化，覆盖 75+ 处理点。
-
详情页方向建设统一微应用架构，单页面支持 9 种服务类型的差异化展示，使用 PageContext 全局状态管理 + PageType 枚举驱动条件渲染，一套代码适配多业务类型的 UI 与数据流。
-
实现智能色彩适配、案例浏览组件与跨平台环境兼容，处理 ColorThief 主色提取、轮播懒加载、固定定位与路由差异等体验细节。
React
TypeScript
Fusion Design
IntersectionObserver
MT2
-
千牛商家工作台服务市场 Tab 改版项目，承接服务卡片、智能服务、运营服务和商家工具等核心页面，提升推荐、搜索、导购与订阅续费链路。
-
实现 MT2 配置驱动的动态页面渲染方案，支持预发/正式环境双数据源切换与运营内容热更新，无需前端发版。
-
封装高性能 useExposure Hook，基于全局 IntersectionObserver 管理器实现按 threshold 分组复用，支持 once 模式一次性曝光检测，覆盖 75+ 处理点。
-
开发「我的工具」模块并通过 RemoteModule 动态加载远程模块，聚合 20+ 个 MTOP API，实现工具管理、评价提交、优惠券领取和续费提醒等完整闭环。