pretext
更新于 2026-09-03 09:43:43
pretext 是一款纯 TypeScript 写的文本测量与排版库,由前 React 核心成员 Cheng Lou(现 Midjourney)开发。它最大的特点是"绕过 DOM"——不触发浏览器 reflow,就能基于字体引擎精确算出文本的排版尺寸,速度比传统 DOM 测量快约 300 倍。
它解决什么
做虚拟滚动列表、多行消息气泡、响应式排版时,每次都要把文字塞进 DOM 去量尺寸,频繁重排直接拖垮性能。pretext 把这件事搬到布局引擎层,量完再决定怎么画,UI 不再被测量拖慢。
它做什么
- 精确测量:多行文本尺寸、换行、富文本都算得准。
- 多语言 + Emoji:中英文、表情符号混排不出错。
- 零 DOM 依赖:不碰真实 DOM,适合 Canvas/SVG/虚拟列表等渲染路径。
工程视角
纯 TS/JS、无运行时依赖,任何渲染栈都能接。对性能敏感、文本密集的前端,它是把"测量"从瓶颈里摘出来的关键件。
一句话总结
pretext 把"量文字"做成了不碰 DOM 的 TS 库:快 300 倍、多语言、富文本,虚拟滚动和响应式排版不再卡。