前端圈真的变天了。一个名为Pretext的开源项目，一夜爆红，1600万人围观，直接把网页排版这个困扰行业30年的老大难，狠狠干碎了。#How I AI#

它掀翻了传统DOM渲染机制，让文字首次能在网页中像液体一样，沿任意形状自由流动、自动跨栏、多维排版，还把渲染速度拉升到数百倍，做到120帧丝滑运行。这个让全网惊掉下巴的项目，正出自Midjourney前端工程师Cheng Lou之手。

过去，网页文本排版一直被CSS、DOM Reflow死死拿捏。想知道一段文字塞进固定宽度后有多高，开发者只能先把它扔进DOM，再通过浏览器排版后「问」结果，性能开销极大，稍有不慎就会卡顿崩盘。

而Pretext的破局方式堪称粗暴又优雅：彻底绕开DOM，用纯TypeScript在用户态自研一套高精度文本测量引擎。它利用canvas.measureText()与DOM共享同一套字体引擎这一特性，先测量、缓存文本宽度，之后所有排版都变成纯数学计算，不再触发Reflow。

结果极其炸裂[点赞]Chrome、Safari、Firefox三大浏览器共7680项测试全部像素级吻合；性能上，Chrome比传统DOM测量快483倍，Safari更快1242倍。聊天气泡自动贴合、多栏杂志布局、ASCII艺术、富文本排版，过去CSS最头疼的难题，如今都成了小儿科。

更重要的是，Pretext不只是一个15KB的小引擎，更像一次UI范式转移。Cheng Lou的判断很明确：真正的突破，不会继续来自CSS规范慢吞吞地演进，而是来自把排版控制权重新交还给开发者。网页UI，正在从DOM束缚中挣脱，迈向Canvas/GPU驱动的新时代。

这还只是开始。Pretext真正带来的，也许不是一个更快的排版工具，而是未来几年UI设计最重要的底层基石。

GitHub地址：http://t.cn/AXI4JwmG