北京
分享至
CSS有个老毛病——它永远不知道一段文字会占多大地方。设计师想做个自适应卡片，要么写死高度，要么用JavaScript事后补救，像给漏水的船打补丁。
Pretext想换个思路。它在DOM还没生成之前，直接调用浏览器的排版引擎预渲染文字，把尺寸数据提前交出来。换句话说，它让浏览器"假装"已经画完了，然后告诉你结果。
开发者Matthew Ström在博客里演示了个场景：一个动态标题需要精确匹配容器宽度。传统做法是渲染→测量→再调整，页面闪一下；Pretext把这套流程压缩到渲染之前，「我们可以在布局阶段就拿到答案，而不是等用户看到半成品再修」。
这技术不是新发明的轮子。它蹭的是CSS Houdini的Parser API——一个喊了五年还没全量落地的标准。Pretext把它包装成即插即用的工具，现在支持React和原生JS。
有人已经在评论区算账：预渲染一次要多少毫秒？频繁调用会不会卡主线程？Ström没给基准测试，只放了个Demo。至少在那个Demo里，文字缩进和换行确实一次到位，没有往常那种"先撑爆再收缩"的抽搐感。
特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.
