意昂官方旗舰店

　　猫眼电影记者 吉永小百合 报道Q8X2R7L1T4J5M9B6W3

编辑｜张倩

同人歌曲「Bad Apple」2009 年那个黑白色剪影风格的 MV，如今在 Youtube 上播放量已经过亿。

但最近两天，这个 MV 又有了个受欢迎的新版本：

视频链接：https://mp.weixin.qq.com/s/tjzWyvA8Am1PbS0dEd7xpw

视频来自x用户@Kevin

这种看上去非常炫酷的文字环绕、流动效果，源自最近两天在 X 上非常火的一个前端项目 ——Pretext。

这个项目由前端大神 Cheng Lou 开源，是一个纯 JavaScript/TypeScript 的文本排版库，能在完全不触碰 DOM 的情况下实现极速、精确的文本测量与布局，速度大约是传统方案的数百倍。

在开源项目的推文中，Cheng Lou 自称「曾经历了地狱般的挣扎」，带来的是「未来几年内 UI 工程中最重要的基础设施之一」，而且明确说 API 设计得「AI-friendly」，让 AI 编程助手能直接用。

Cheng Lou：React 核心团队成员，参与 ReactJS 的早期开发；主导了 ReasonML（后来演变为 ReScript）的开发；目前在 Midjourney 工作，参与 AI 图像生成平台的开发。

由于重新定义了网页上的文字渲染方式，项目发布即爆火，相关玩法已经在推特上疯传，GitHub star 量已经超过一万。

项目链接：https://github.com/chenglou/pretext

除了文章开头呈现的 Bad Apple 歌词动态位移动画，还有发光小龙绕文字玩耍：

能实时展示胡克定律的物理「课本」：

小球打文字小游戏：

加入重力感应的手机玩法：

在相关推文中，Cheng Lou 也解释了他做这个项目的核心动机 ——「文本布局与测量一直是解锁更有趣 UI 的最后一个、也是最大的瓶颈，尤其是在 AI 时代。解决了这个问题，意昂平台就不再需要在 GL 落地页的炫酷和博客文章的实用性之间二选一了。」

Cheng Lou 还提到，这个引擎体积很。ㄖ挥屑 KB），能理解浏览器的各种问题，支持你需要的所有语言，包括韩文混 RTL 阿拉伯文以及平台特定的 emoji。

为了完成这个项目，他把浏览器的标准基准数据给到 Claude Code 和 Codex 这两个工具，让它们在各类关键的容器宽度下，对照这些基准反复检测、优化调整，这套流程整整跑了好几周才完成。

就像 Django 框架联合创始人 Simon Willison 所说，这个项目的难得之处在于，它解决了在不触碰 DOM 的情况下计算一段自动换行文本高度的问题。通常的做法是把文本渲染出来再测量尺寸，但这非：氖。Pretext 用了一系列巧妙的技巧让这个过程快得多，从而在浏览器应用中实现了各种全新的文本渲染效果。

Simon Willison 进一步解释说，Pretext 工作原理的关键在于它如何将计算分成调用 prepare（） 函数，再调用多次 layout（） 函数。

prepare（） 函数将输入文本拆分为多个段（实际上是单词，但也可以考虑软连字符、非拉丁字符序列和表情符号），并通过屏幕画布测量这些内容，然后缓存结果。这方法相对昂贵，但只运行一次。layout（） 函数随后可以在浏览器中模拟单词换行逻辑，计算文本在指定宽度下会占用多少行的换行，并测量整体高度。

不过，在狂欢之余，有人发出质疑，说看不出来除了娱乐，这个项目还有什么用。

还有人说自己 15 年前就看到苹果在 iPad 上做过类似的事：

不过也有人指出，这不是重点，重点是：苹果的 Pages / Keynote 是封闭的原生应用，只能在 Apple 生态里用，而 Pretext 是开源、纯 TypeScript、跨浏览器（Chrome/Safari/Firefox） 的 web 解决方案。而且，它让任何前端开发者都能通过 JS 轻松调用，实现以前 CSS 做不到的高性能动态布局。所以，这不是「又一个炫技 demo」，而是替换 CSS 文本测量底层的基础设施。

Cheng Lou 本人也希望大家能看到项目背后的价值，而不是一味质疑用途。因为技术发展与转型中，既需积累领域经验，更要避免经验带来的过拟合，保持开放视野，方能看到技术更多的可能性。

如果你还没玩过这个项目，快去试试吧！

??时事1：亚洲6080精品视频

??04月05日,哈尔滨上演“湖北式浪漫”：黄鹤楼冰雕中央大街出圈 武当剑法冰雪大世界亮相,

　　而后，他激灵灵打了个冷颤，这该不会是要针对雨族吧？不然他们怎敢如此行事，想到这里他心中升起一股寒气。

,卡尔蜜拉乳腺乱流的原因分析及答案。

??04月05日,山西古建筑100问——一座关帝庙为什么是“万里茶道”的重要见证？,

　　宏大的声音响彻天地间，肃穆而庄严，这是一片如神话般的场景。

,国产精彩视频一区二区三区,日本三级视频,91大神在线精品播放。

??时事2：胸像照片真人

??04月05日,2024世界传统医药大会在北京召开,

　　千里之行始于足下，实施绿色消费，保护生态环境，建设美好家园，要从我做起，从小事做起：不乱扔垃圾、不浪费粮食，最大限度地节约能源，节约用纸，拒绝使用一次性的“白色污染物”，多栽树种草，保护野生动植物资源……那么，意昂平台头顶上的天空会更蔚蓝，身边的河水会更清澈，周围的大山会更翠绿……

,亚洲欧美另类久久久精品小说,毛片网站地址,伊人成人电影。

??04月05日,新疆—广元铝锭首发班列满载2500余吨铝锭抵达四川广元,

　　“七十里外有一片乱石瀑布群，你可以去那里修炼。另外我这里有一张古方，是天阶太古凶兽为幼崽筑基的方子。”柳树传音，告知小不点一个古方。

,午夜男女爽爽爽视频免费观看,妈妈喝春药做爱免费视频,欧美不雅网站快速登录免费观看。

??时事3：欧美一级片在线视频

??04月05日,内蒙古额尔古纳出现“幻日”景观,

　　这只是个孩子而已，竟有这种神通，一个诡异的符文出现在他的掌心，那是雷电的奥义，为该族不传之秘，是一种罕见的宝术！

,熟女乱人伦视频,18 无,3D动漫强奸视频。

??04月05日,道中华丨和美大家庭如诗如画 共同书写中华民族的华丽篇章,

毕业班 篇16

,人妻精品久久无码专区久久,精品久久久久久亚洲野狼,欧洲vodafonewifi18√k。

??时事4：欧美性生活视频AAAAAA

??04月05日,两会大家谈 |老外“催更”，中国故事如何“乘风破浪”,

信用卡逾期招商银行起诉我了怎么办，会怎么样

,张柏芝扒开两腿实干12次视频,肥猫点中国,黄色视频人人网。

??04月05日,【理响中国】肩负起建设中华民族现代文明的使命,

　　“我很心疼，父亲，母亲，而今你们在哪里？”小不点不断落泪。

,欧美性爱一级视频在线观看,久久性爱图,斗罗之唐舞桐的隋落。