IFABLE

本文为「AI Agent 技术系列」第 4 篇。在 ReAct 理论（第 1 篇）和 Function Calling 机制（第 2 篇）基础上，进入工程框架层面。

本文为「AI Agent 技术系列」第 3 篇。Function Calling（第 2 篇）解决了”模型如何决定调用工具”，MCP 解决”工具如何被标准化接入”。

2026-07-29 重要更新：MCP 官方于 2026-07-28 发布了新版规范 [1][2]。这次改动很大——协议核心从”双向有状态”转为”请求/响应无状态”，核心维护者称其为远程 MCP 上线以来最重要的一次发布。本文已按新协议全面重写，并保留新旧协议对比，方便已有实现的读者评估迁移。

本文为「AI Agent 技术系列」第 2 篇。Function Calling 是 Agent 调用工具的基础机制，理解本文是阅读 MCP 协议（第 3 篇）和 LangChain 工程化（第 4 篇）的前提。

本文为「AI Agent 技术系列」第 1 篇，后续文章将分别深入 Function Calling、MCP 协议、LangChain 工程化、护栏与安全、上下文工程、多 Agent 协作等主题。

以三类设计器、设备指纹与服务器时间校准为例，讨论教务前端如何沉淀复杂编辑能力，并实现受控的考试入口与倒计时。

以一个 Vue 3 教务前端为例，拆解 Axios Token 注入、单例刷新队列、路由守卫、主动校验与跨标签登出的协作方式。

以一个大型教务前端为例，拆解如何将菜单、页面权限与导航状态收敛到 RouteMeta，并说明导航前准入和缓存尚未完全接入这一契约时的边界与演进方式。

以一个 Vue 3 教务前端为例，说明如何在一个仓库中让 Element Plus 桌面端与 NutUI 移动端共享业务基础设施，同时保持布局和样式策略独立。

拆解可视化条件编辑器如何用递归逻辑树表达 AND/OR 关系，并完成拖拽重组、空组清理与安全的表达式序列化。

以图编辑器中的特性树为例，讨论普通图与递归树何时应采用独立的数据加载、事件与渲染路径，以及这种分叉带来的收益和成本。