Transistor avatar

Transistor

@mortiest_ricky

4/14/2025, 7:52:07 PM

不到 200 行代码,就能满帧丝滑渲染 100k 长度级别 AI 消息,并且依然保持全功能公式、Mermaid、表格等渲染能力,再也不用对着卡成 PPT 的套壳界面挠头了。了解我是如何实现的⬇️ 
1. 全量渲染的缺点:基本上所有套壳 UI 都会在收到流式渲染消息后,全量刷新渲染,其复杂度为 o(n^2),当消息长度 >3k 时,渲染计算量达到 1e7 级别,只要常数项再大一点,帧率直接爆炸,这也是为啥大多数套壳在生成长文本时,会卡成苟式。 
2. 快速分块渲染策略:最完美的解决方法当然是在解析 markdown 时做语法树级别的缓存,但实现起来非常令人头大。好在我们只需要做一次快速预处理,划分一个快速缓冲区出来,就可以将复杂度优化到线性级别,即便是百万级字符的 markdown 渲染,也能保持满帧运行,具体原理看图⬇️ 
优化当然不止于此,比如 mermaid 等大型库的渐进式加载、长代码块的高亮,我会陆续开帖细说。所有特性都可以在 deepask[.]cc 免费体验,所有模型免费使用(包括刚刚发布的 gpt-4.1 系列),所有代码会在今年 6.15 后开源,敬请保持关注 🫡
Share
Explore

TwitterXDownload

v1.1.6

The fastest and most reliable Twitter video downloader. Free to use, no registration required.

© 2024 TwitterXDownload All rights reserved.