前端大神Cheng Lou新项目火了!「文字绕图」玩法炸裂,Bad Apple新版火出圈
机器之心·2026-03-30 14:52

Pretext项目概述 - 项目是一个名为Pretext的开源前端文本排版库,由React核心团队成员Cheng Lou开发,能在完全不触碰DOM的情况下实现极速、精确的文本测量与布局,速度大约是传统方案的数百倍[3] - 项目发布后迅速爆火,在GitHub上star量已超过1.2万,相关创意玩法在社交媒体上广泛传播[10][11] 技术核心与创新 - 核心解决了文本布局与测量的性能瓶颈,通过分离prepare()layout()函数,将昂贵的文本测量计算缓存并复用,从而实现了高性能的动态文本渲染[17][18] - 该引擎体积小(仅几KB),支持多语言及复杂文本(如韩文混RTL阿拉伯文),且API设计为AI友好型,便于AI编程助手直接调用[6][17] - 与苹果Pages/Keynote等封闭原生应用不同,Pretext是开源、纯TypeScript、跨浏览器的Web解决方案,旨在成为替换CSS文本测量底层的基础设施[22] 开发者背景与项目意义 - 开发者Cheng Lou是React核心团队成员,曾主导ReasonML/ReScript开发,目前任职于AI图像生成平台Midjourney,具备深厚的技术背景[9] - 项目被开发者称为“未来几年内UI工程中最重要的基础设施之一”,其价值在于打破了在炫酷视觉效果与文本实用性之间必须二选一的限制[6][17] - 技术发展需要避免经验过拟合,该项目展示了在AI时代保持开放视野所能带来的技术可能性[24] 项目影响与社区反响 - 项目发布后,社区迅速涌现大量创意应用,包括动态歌词动画、物理模拟“课本”、交互式小游戏等,展示了其强大的应用潜力[11][12][14] - 项目解决了Web开发中长期存在的性能难题,即无需渲染即可计算自动换行文本的高度,为浏览器应用实现了全新的文本渲染效果[17]

前端大神Cheng Lou新项目火了!「文字绕图」玩法炸裂,Bad Apple新版火出圈 - Reportify