工程知识库 · 2026

打造 AI Agent、
工程化整个技术栈。

不是一套“AI 教程”,而是一套从 Agent 编排、RAG、Python / Java 后端,到前端工程、Web3D 与性能观测 的完整工程知识体系。

5真实工程项目
6核心能力域
1统一性能方法论
Agent 运行时 / 架构 在线
Agent Orchestrator
RAG / 检索
Tool Calling
Memory / State
MCP / 接口
Supervisor
可观测性
trace://agent/request/7f2a● 健康
02 / 真实项目

只展示真实项目,不再造 Demo。

项目详情从你的文档提炼,只展示真实项目:AI 小灵、智能客服、Web3D、qdma-ui、微前端。

Multi-Agent · Content Platform

AI 小灵 · 多 Agent 内容生产平台

面向高频营销内容场景的可控 Agent 工作流:Supervisor 路由、研究/撰写/审核/发布四角色协作、≤3 轮审核回写、HITL 与可追溯事件链,附项目故事稿与追问弹药库。

LangGraphSupervisorHITLMCPFastAPI
4h → 30min内容生产周期
29生鲜场景
1000+门店并发
5w+日均任务
Customer Service Agent

智能客服 Agent

三层路由 + RAG + 订单工具 + 人工接管。SSE 流式、MySQL checkpoint、PII 脱敏、限流/熔断/审计与离线/红队评测闭环。

FastAPILangGraphRAGQdrantPrometheus
57离线评测语料
1.0Recall@1/3/5
13/13红队攻击阻断
Industrial Web3D

3D 装配仿真平台

工业级 Web3D 装配仿真工程:Vue3+Babylon 实时装配、SimEngine 门面、同一份干涉算法前后端复用、性能治理与可观测。

Vue3Babylon.jsDraco/MeshoptBVH + OBB-SAT
12 → 3MBGLB 体积 -75%
<200ms200 零部件检测
99.9%核心可用性目标
Micro Frontend

智慧中台 · 微前端迁移

qiankun 渐进迁移,把 4 个业务团队从单体同步发版中解耦出来:选型决策、迁移六阶段、关键设计、15 个坑与量化效益。

qiankunVue3Vite渐进迁移
21 → 2.3min构建时间 -89.2%
+40%交付效率
4业务团队解耦
Design System

qdma-ui · 自研组件库

Vue3 + ESM 按需引入 + Design Token + Storybook + 私有 npm,用组件契约收敛重复 UI 与包体失控,附七阶段、12 个坑与防回退机制。

Vue3RollupDesign TokenStorybook
8.17 → 5.29MB包体 -35.3%
3.2 → 2.14sWiFi 加载
61 → 89Lighthouse
03 / 性能工程

性能工程单独成章,而且必须能观测。

不是“加缓存”式优化,而是从指标、分段埋点、瓶颈定位,到 SLO、容量规划和 CI 性能门禁的一整套方法论;项目中的真实实践会反向链接到这里。

方法论

度量 → 定位 → 优化 → 守护

先量化,再定位;优化完必须用回归门禁守住。Agent、前端和 Web3D 共用同一套性能工程思维,但指标各自不同。

01
定义 SLO 与性能预算Agent:TTFT / P95 / 成功率 / 成本;Web:LCP / INP / CLS;3D:FPS / 首帧 / 检测耗时。
02
把黑盒拆成链路Frontend → Gateway → App → Retrieval / Tool → LLM → DB,全段 trace 耗时。
03
梯度压测找拐点找单副本承载,再用峰值 ÷ 单副本承载 × 安全系数做容量规划。
04
CI 性能回归门禁包体增长、Lighthouse、关键算法耗时超预算直接 fail,避免三个月后性能反弹。
前端架构

微前端架构

把多业务团队从单体发版中拆开:主应用负责治理,子应用独立开发、独立构建、独立发布。

qiankun · 渐进式迁移
主应用 / 外壳
主应用 · 微前端运行时
统一登录 · 路由编排 · 生命周期 · 异常隔离 · 灰度 / 回滚
认证 / 权限
路由 / 事件总线
设计系统
App A业务域
App B业务域
App C业务域
App D业务域
交付
独立构建与发布
版本隔离 · 静态资源发布 · 按应用灰度 · 快速回滚
4业务团队解耦
21 → 2.3min构建时间 -89.2%
+40%交付效率
04 / 学习路径

从"会写页面"走到"能交付完整系统"。

网站后续会把现有文档重构成四条可走通的路线,而不是按文件名散落。

步骤 01

前端基础

浏览器 · JS/TS · Vue/React · 工程化 · 性能

步骤 02

后端工程

Python / FastAPI · Java / Spring · DB · 并发

步骤 03

AI Agent 系统

RAG · Tool Calling · LangGraph · MCP · Evaluation

步骤 04

生产与性能

可观测 · SLO · 安全 · 容量 · 部署

05 / 面试题库

每一题都有「一句话本质 + 完整答案 + 追问弹药」。

精选前端核心、AI/Agent、后端、算法与系统设计的高频面试题,每题可独立点开查看。

前端 · 核心

前端面试精选 28 题

HTML/CSS · JavaScript · React · 工程化 · 浏览器 · 性能 · 微前端 · 手写代码 · 软技能 九大类高频考点,每题配可追问的弹药与速记卡。

闭包与原型链HMR 原理Core Web Vitals深拷贝 / 手写 Promise
开始刷题 →
全部分类

查看完整题库

按分类组织的精选题库,按难度标记,支持深链分享。

  • · 前端核心精选 28 题
  • · AI / Agent 面试精选
  • · 系统设计与场景题
进入题库 →