百度智能云 AppBuilder（私有化）
面向企业 AI 应用构建的工具链，提供 RAG、Agent、Workflow、UI Builder 与多渠道运行能力。
- 基于 Nx 与 Qiankun 建设 Monorepo + 微前端协作架构
- 使用 React Flow 与 Zustand 构建可视化工作流编排引擎
- 封装 SSE 流式请求、高性能 Markdown 实时渲染与复杂消息展示
QiankunReactTypeScriptNxRsbuildReact FlowZustand
关于
我是 Percy，一名专注于AI应用平台与复杂业务系统建设的前端工程师。
过去十余年，我参与过企业级管理平台、低代码平台、大模型平台以及 AI 应用开发平台的设计与研发。技术栈覆盖 React、Vue、TypeScript、Node、移动端等领域，具备从前端交互、工程化体系到服务端能力建设的完整研发经验。
10+
年研发经验
AI
应用平台建设
ToB
复杂系统架构
AI 大模型应用LangChainLangGraphReactVueSvelteSolidQwikHTML5CSS3JavaScriptTypeScriptV8React NativeUniAppWebpackViteRollupRsbuildQiankunNxLernaMonorepo前端性能优化监控 SDK错误采集数据治理Node.jsNestJSExpressKoaPostgreSQLPGVectorMySQLRedisDockerJenkinsDroneJestBackStop
代表项目
AI 应用平台
百度智能云 AppBuilder
面向企业的 AI 应用构建平台，覆盖 RAG、Agent、Workflow、UI Builder 与多端运行。
可视化编排系统
工作流编排引擎
可视化工作流编排引擎，支持自定义节点、连线、配置面板和大规模节点渲染优化。
大模型数据平台
百度千帆大模型平台
大模型训练数据管理、清洗、增强、标注、回流平台，支撑模型调优数据闭环。
可观测性平台
前端监控与性能分析平台
统一异常与性能分析平台，覆盖错误采集、Web Vitals、SourceMap 和错误聚类归并。
百度智能云千帆大模型平台（私有化）
负责训练数据管理、清洗、增强、标注、回流等模块，为模型调优提供高质量数据闭环。
- 推动 SystemJS 到 Qiankun、Multi Repo 到 Monorepo 的架构升级
- 参与 Vue2 到 Vue2.7 升级并维护内部组件库
- 探索 PaddleOCR、SAM 等浏览器端 AI 能力以提升标注效率
QiankunVueReactViteLerna
前端监控与性能分析平台
建设统一异常监控、Web Vitals 采集、SourceMap 还原与性能优化分析平台。
- 覆盖 Runtime Error、Promise Error、框架错误、资源加载与 API 异常
- 采集 FCP、LCP、CLS、INP、TTFB 等核心性能指标
- 实现错误指纹、聚类归并、噪声过滤与 SourceMap 解析
TypeScriptNode.jsPostgreSQLECharts
nc-lightapp-front 低代码业务框架
NC Cloud 前端低代码业务框架，通过 JSON 模板驱动页面生成，并封装统一业务能力。
- 支持单表、一主一子、一主多子等复杂业务场景
- 实现附件上传下载、参照组件等核心能力
- 建立组件复用机制、缓存策略、框架文档与开发规范
ReactReact RouterImmutableLessAxiosWebpack
工作经历
- 2020.07 — 2025.12
前端开发 · 百度（中国）有限公司
负责千帆 AppBuilder、千帆 ModelBuilder、公有云、私有化、DAE、ES 管控平台、Palo Studio 等产品研发。
AI PlatformReactVueMicro FrontendsMonorepo - 2019.11 — 2020.07
前端开发 · 掌阅科技股份有限公司
负责传阅 DSP 效果广告平台、品牌广告投放平台研发。
AdTechReactData Platform - 2019.06 — 2019.11
前端开发 · 每日优鲜
负责商品运营系统优化重构、移动端 App 业务开发。
OperationsMobilePerformance - 2017.12 — 2019.04
前端开发 · 用友网络股份有限公司
负责 NC Cloud 财务产品、低代码平台、友空间 App 财务审批及报表模块开发。
Low-codeReactEnterprise SaaS - 2015.11 — 2016.12
前端开发工程师 · 神州数码控股有限公司
负责多个企业管理平台及内部系统前端开发工作。
EnterpriseFrontend
笔记
blog · 88book · 13interview · 10translate · 3
book16 min read
《编写可维护的 JavaScript》
《编写可维护的 JavaScript》
blog17 min read
前端性能优化
前端性能优化
blog20 min read
Typescript 使用总结
Typescript 使用总结
blog19 min read
实战：手搭一个 React，Typescript，Koa，GraphQL 环境
实战：手搭一个 React，Typescript，Koa，GraphQL 环境
blog13 min read
React 核心知识
React 核心知识
blog6 min read
React 源码解析（一）JSX 转换
React 源码解析（一）JSX 转换
blog10 min read
React 源码解析（二）FiberRoot 构建
React 源码解析（二）FiberRoot 构建
blog19 min read
React 源码解析（三）Fiber 的调度过程
React 源码解析（三）Fiber 的调度过程
blog18 min read
React 源码解析（四）深入理解 fiber 更新过程
React 源码解析（四）深入理解 fiber 更新过程