掘金· 涛涛ing·· 20 天前精选AI 评分74
模型吐出半截JSON时前端如何边收边渲染：补全器、节流与安全底线
模型吐出半截JSON，前端如何边收边渲染？2026年AI应用必须闯过的工程关
AI 导读
文章给出流式结构化输出在前端边收边渲染的三步做法，用栈式补全器把半截JSON补成合法对象、按帧或50ms节流解析、并规定半截数据只展示不提交。作者实测27000个chunk每个都完整JSON.parse约32.7秒，每50个chunk解析一次降到约0.53秒。
借鉴点
能拿走一套半截JSON补全加节流的完整做法，含35行栈式补全器和按帧节流参数，落到软件工厂的前端流式渲染；代价是要自己处理半截数字闪烁和半截数据误提交。
来源：掘金 · juejin.cn