本章进度 4 / 18
22%
正文已完成
L225流式输出不是打字动画
理解首字节、增量内容与完成信号分别解决什么体验问题。
先用本课建立“流式反馈”的基本直觉,后面的判断和练习才不会只靠记结论。
建议按完整课程顺序先看上一课;如果术语陌生,可以随时回补。
- 无需安装新工具
- 直接阅读并完成本页理解检查
文字一个字一个字出现并不自动等于体验更好。流式反馈的价值,是让用户尽早看到有效进展并知道结果何时完整。
能区分实时流式传输、伪打字效果和一次性返回,并指出各自适用场景。
核心概念
先把关键判断说清楚
首个有效片段
用户需要尽快看到能判断任务是否走对方向的内容,而不只是一个旋转图标。
增量必须保持可读
更新频率过高、段落反复跳动或代码未闭合,会让流式内容比等待更难读。
完成信号不可缺
明确标出生成结束、被中断或仍在补充,用户才能安全复制、编辑或提交。
案例拆解
报告边生成边乱跳
分析助手每收到一个 token 就重排整页图表,用户无法稳定阅读,也不知道数字是否最终确定。
- 01
文字按完整句子批量刷新
- 02
图表等结构化数据完整后一次更新
- 03
结束时展示完成状态和数据更新时间
案例结果
用户更早获得方向反馈,同时不会把半成品数字误当最终结果。
提交前练习
现在轮到你
为一个长报告生成过程定义三种界面状态。
选做练习:本节练习可用于加速你巩固,但不影响继续学习。
内容会自动保存在当前设备
查看参考答案与评分标准
参考答案
先显示已识别的报告范围;按完整章节追加;完成后锁定统计并标注时间,中断时保留已完成章节和继续入口。
评分标准
- 首个信号对用户有意义
- 更新单位保持布局稳定
- 完成与中断可明确区分
本课收口 · 理解检查
用 30 秒确认你理解了
用 30 秒理解检查确认你抓住了重点;阅读标记、练习和总结都不设硬门槛。
你现在更接近哪一种状态?
尚有必填项未完成,请补齐后再继续。
资料来源
继续核对与延伸阅读
本课内容最近更新于 。
- MDN Web Docs↗reference · 核对日期 2026-08-23
- Web Content Accessibility Guidelines (WCAG) 2.2↗standard · 核对日期 2026-08-23