浏览器环境，传统 axios 默认适配器（XHR）不支持真正的 ReadableStream 流式逐块接收；fetch 原生基于 Streams 标准，response.body 直接返回 ReadableStream，所以 AI Streamable / SSE 流式对话大家首选 fetch。场景：用户快速连续发消息、切换对话，上一个 AI 流还在返回，如果不 abort，旧流还会继续执行。TC

浏览器自动存入 Last-Event-ID 请求头用于断点续传。每条 SSE 消息头部必须携带。每条推送标准 JSON（包裹在。id: 数字分片下标。

参考 Dify 开源 Agent Spec 配置规范源码，剥离后端 Python 无关逻辑，基于 TS 自研 Vite 插件，实现 AI 人设 YAML 配置文件构建期自动转换，消除前端运行时解析 YAML 的性能损耗，配套类豆包对话前端项目使用。

"编译时多标记，运行时少比对"。编译时：通过静态提升、Block Tree、Patch Flags 提前标记"哪些会变、怎么变"。运行时：利用 LIS 算法最小化 DOM 移动次数，结合缓存复用事件和静态 Props。这些优化让 Vue 3 在处理大型表格、长列表、频繁更新的动画场景时，性能远超 Vue 2。

定义：MCP (Model Context Protocol) 是一个通信协议，专门用于规范 Agent 与 Tool 服务之间的交互方式。核心组件MCP Server：运行 Agent Tool 服务的服务器。MCP Client：调用 MCP Server 上 Agent Tool 服务的 Agent。MCP 规范内容定义了 MCP Server 与 MCP Client 之间的通信方式。

Webpack 是现代 JavaScript 应用的静态模块打包工具，核心是从入口文件构建依赖图，将项目中分散的 JS、CSS、图片等静态模块，经过转译、压缩、整合后生成浏览器可识别的 bundle 打包文件，是前端工程化的核心工具。它的核心解决思路：把开发时的高级语法、零散资源，转换成生产环境的兼容、优化资源，同时自动处理模块依赖，告别手动引入脚本的繁琐。新建mode: 'development

调用浏览器Web Speech API实现vue2在textarea中语音输入转文字

调用浏览器Web Speech API实现vue2在textarea中语音输入转文字

流式输出

流式输出