AIChat渲染md格式调整

Web Worker基本原理

很多前端同学第一次接触 Web Worker往往是因为页面开始“卡”了。

使用者痛点：页面掉帧、输入迟钝、交互发闷，导致体验极差。

比如这些场景的观点是，

• 大列表数据要做复杂过滤和排序
• 图片、音视频要做额外处理
• 大文件要做分片、校验、加密

这类任务如果都堆在主线程里最直观的结果就是页面掉帧、输入迟钝、交互发闷。话说回来，Web Worker 的价值。本质上就是把这些重活挪到后台线程去做，让主线程专心负责界面渲染和使用者交互。

直接说结果

使用者痛点：想快速上手却不知道该怎么写代码。

• 在 Vite 项目里优先使用 new Worker,{ type: 'module' })
• Worker 适合做计算、解析、转换这类“重逻辑”。不适合直接做页面渲染
• 第三方库如果是纯 JavaScript、支持 ESM通常可以直接在 Worker 中 import
• 第三方库如果依赖页面环境，就不要强行塞进 Worker

什么是 Web Worker

Web Worker 可以理解成浏览器给前端提供的一种“子线程”能力。它允许你把一段独立的 JavaScript 逻辑放到后台执行，从而避免主线程被长时间占用。

主要收益：解卡

适合放进 Worker 的场景：

• 大数据量计算
• 文本解析和格式转换
• 图片处理
• 加解密
• 大文件分片和校验

• 频繁操作 DOM
• 强依赖 w​indow​/d​ocument​
• 任务非常轻，通信成本反而高于计算成本

Worker 到底能做什么不能做什么

Worker/主线程不是共享同一套运行环境。 它们通常通过

在 Worker 里可以使用的 API：

 const worker = new Worker,{ type: 'module' });
worker.postMessage;
worker.onmessage = => { console.log;}，worker.onerror = => { console.error;}，

 // demo.worker.js self.onmessage = => { const { type,payload } = event.data || {};if { const total = payload.reduce => acc + cur,0);self.postMessage;} }，