前端文本布局计算引擎pretext

Pretext 是一个前端文本布局计算引擎,解决的问题: 不依赖 DOM 排版和浏览器重排(reflow),提前计算文本尺寸、换行和高度,提高性能。


主要场景

  1. 虚拟列表

    • 万级、十万级文本列表
    • 提前计算每行高度,避免滚动卡顿
  2. 聊天/IM

    • 动态消息气泡高度
    • 大量消息快速渲染
  3. Canvas / SVG 自绘 UI

    • 自己控制文本布局,不依赖 HTML
  4. 复杂文本排版

    • 多语言
    • Emoji
    • 动态宽度换行
  5. AI UI / 无 DOM 渲染

    • 服务端提前计算布局
    • 减少浏览器计算压力

总结

Pretext 是把浏览器文本排版能力搬到 JavaScript 中,用算法提前计算布局,减少 DOM 渲染开销。