特别鸣谢 🎉（点击展开）
感谢自2016年以来为我学习及工作提供过思路及帮助的同学/老师/朋友 (排名不分先后 为保护隐私 部分人员任职公司不予展示)
- 资深后端架构师 千里狼
- [京东集团] 资深前端架构师 君衍
- [***集团] 技术总监/资深后端工程师 Vingo
- [天下秀数字科技集团] 资深后端工程师 Jerome Wang
- [**集团] 资深架构师 louis.chu
- [**集团] 高级前端开发工程师 YB
- [**集团] 高级前端开发工程师 qq2321584752
- [**集团] 后端架构师 azhqiang
- 中级前端开发工程师 英杰
- 中级前端开发工程师 xfrbxq
- 高级运维工程师 suansuansuan
- 资深golang开发工程师 chiniun
- 前端技术栈
TypeScriptReact18Vue2Vue3SCSSWebpackTurbopackVite - 后端技术栈
PHPGoNodeMysqlRedisLaravelGin - 调试抓包工具
CharlescURL
全栈偏前端
重度TypeScript使用者、严重的代码洁癖、强类型语言坚定的拥护者
我擅长把复杂交互与长链路问题（请求、上传、AI 工作流、编辑器、权限）抽象为可复用的基础设施，并把它做成可治理、可观测、可演进的系统。
- 请求治理能力：可组合中间件（Middleware Pipeline）+ 统一错误收敛 + 上报节流/环境过滤
- 上传治理能力：上传任务系统（State Machine + Queue Scheduler + Event Stream）+ 全局面板 + 跨页面一致性
- 权限治理能力：Page Provider 注入 + 包裹式控制（零侵入渲染）
- 数据形态治理：Adapter 层隔离 DTO 与 UI Contract，避免接口变更“炸全局”
- AI 工作流能力：LangGraph Streaming（values/updates）+ 可恢复（resume/join）+ 节点级可视化
- 工具化能力：MCP Server，把“查依赖/分析变更/生成修复建议”等封装为 Tool，让 Agent 能直接调用执行
目标：让鉴权、日志、埋点、重试、降级、错误上报等不再散落在页面，而是集中治理。
我关注的点：
- 行为可配置：页面通过 options 控制“是否弹错/是否透传/超时策略”等
- 统一错误模型：网络失败、HTTP 失败、业务码失败全部收敛到一致口径
- 可治理：能统计失败率、状态码/业务码分布、重试命中率、上报量
目标：把“上传”从一个页面功能升级成可复用、可演进的应用级任务系统。
关键特性：
- 状态机：
queued → uploading ↔ paused → retrying → success/failed/canceled - 队列调度：任务队列 / 分片队列隔离；并发控制；弱网重试策略
- 幂等行为：pause/resume/cancel 在任何时刻可安全调用
- 事件流订阅：上层只订阅 “状态 + 事件”，不关心底层传输与切片细节
- 体验一致：全局上传面板，跨页面不丢任务
目标：上层业务只关心 capability.invoke()，不关心它是自研接口、第三方 SDK 还是本地 mock。
收益：
- 跨项目复用：同一套能力层复用到多个业务域
- 环境切换顺滑：dev/staging/prod 替换 provider 即可
- 灰度/回滚简单：替换 provider 或 adapter，不动业务层
目标：AI 生成任务是长任务，必须流式反馈、可恢复、可追踪。
我做的事：
- 前端消费 values/updates 等事件：把执行过程映射成节点级状态（RUNNING/FINISH/ERROR）
- 可恢复能力：支持断线重连、刷新继续（join/resume）
- 可视化：让用户看到“现在卡在哪个节点”，而不是只看到一个 loading
目标：让 Agent 能调用工具执行动作，而不是只能聊天。
工具化方向：
- 扫描代码依赖、读取配置、生成接口变更摘要
- 输出“可执行的改造清单”，辅助 PR 生成与回归验证
高迭代、强权限、长任务（上传/AI）、重交互（富文本/拖拽）。
- 请求：中间件引擎 + 统一错误收敛 + 上报治理（节流、环境过滤）
- 上传：UploadManager + 全局 Provider + 固定上传面板（跨页面一致）
- 权限：Page Provider + PowerView 包裹式渲染（零侵入）
- 编辑/拖拽：Lexical 底座 + HTML5 DnD 外部拖入 + dnd-kit 内部排序
- AI：LangGraph Streaming Hook + 节点级进度可视化 + 可恢复
- 请求：失败率、状态码/业务码分布、上报量、重试命中率
- 上传：成功率、平均耗时、重试次数、恢复命中率、取消率
- AI：平均生成时长、重连成功率、用户中断比例、节点失败分布
- 我会先写清楚：能力边界、输入输出契约、失败模型、状态机、可观测事件
- 再让 AI 生成实现/测试/文档；我负责架构决策、review、质量兜底
AI 是加速器，不是方向盘。
- 把散乱需求抽象成：状态机 + 协议 + 可观测事件流
- 把复杂系统封装成：团队一行代码就能调用的能力层
- 把平台能力做成“可治理”：能统计、能定位、能持续优化
- 前端架构 / 平台工程 / DevEx / AI Infra（偏前端）
- 我最想做的：中间件平台、文件与上传能力平台、AI 工作流可视化与工具链
一套做出来，全公司长期吃红利。
- 适用于Vue3的开源组件库 dk-plus-ui
- 适用于React16/17/18的 工具包
- 适用于React16/17/18的 通用组件
- 全链路中间件 request-middleware
- 定制ESLINT eslint-custom-rule
- 适用于React18&Ts的中后台模板(基于CRA的CustomTemplate) 内置了recoil、react-router-dom、pro-components、权限、layout、hook、支持自定义中间件，且配置了commitlint、eslint、prettier、husky等工具帮助你规范代码及样式。开箱即用 cra-template-polaris
# 立即尝鲜👇 npx create-react-app --template polaris - 适用于vue2/3版本的全自动化Cli
暂未发布至npm 仅部门内部使用
- 项目从0到1的推动与开发
- 负责 Code Review
- 制定并执行完整的DevOps流程、Angular Commit规范、ChangeLog自动生成、上线自动邮件抄送、线上异常信息报警
- 需求规划与团队开发排期