意昂官方旗舰店

　　猫眼电影记者 张汉川 报道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：一级黄在线观看

??04月05日,涉案金额高达1.4亿元 “金主”被判无期徒刑,

　　一、务必充分认识县委、县纪委换届工作的重要意义

,欧美性爱自拍视频。

??04月05日,沙特外交大臣：如果巴勒斯坦问题得到解决 沙特可能会承认以色列,

　　远方，又一片山川间，这里的大山十分雄伟，高耸入云，山巅上一片银装素裹，积着厚厚的白雪，气温很低。

,欧美性www,美女羞羞爆汁视频,Aa日本午夜在线视频。

??时事2：人人妻人人爽人人操

??04月05日,山东青岛：渔民春捕忙 螺虾丰满舱,

　　形势极其危急，石村众人性命随时会全部葬送。

,淫奸网站,在线A级毛片无码免费视频,欧洲激情。

??04月05日,2024长江三峡·巫溪红池坝第十一届自行车赛开赛 选手挑战高海拔赛道,

　　“什么秘密？”小不点一怔。

?第六十九章 大荒血路行,成人电影D7777TV,www .黄片,韩国2022最新理论电影。

??时事3：狠狠ⅴ日韩v欧美v天堂免费

??04月05日,纪念中日韩合作二十五周年研讨会在长春召开,

　　2、分类指导，分层施教。各支部要按照总支统一部署，紧密结合实际和干部的不同岗位、不同类型、不同层次、不同要求，有针对性地开展教育。针对机关干部，要把着力点放在转变作风提高效能上;对会计局干部，要把着力点放在提升服务能力、开拓工作思路上来。对“两新”组织、退休退职和流动，要把着力点放在创先争优、当好和谐社会建设表率上。

,影音先锋免费av网站,国产91在线视讯,宝～才三根手指。

??04月05日,杭州一村民家中闯进200多斤的“大家伙”，民警当场击毙！ ,

　　日复一日，小不点无论刮风下雨，从来没有间断过一天，现在已经七岁多了。

,女人又爽 又黄 小舞唐三视频,www.青草青,真实国产老熟女粗口对白。

??时事4：国产精品视频是黄的

??04月05日,中国A股电池板块周一走强 宁德时代大涨逾14%,

　　5、外出旅游要注意自身安全，注意保护旅游景点的公共设施及环境卫生，做一个文明的游客。

,www.773c.cn免费网站入口网址是什么,腋静脉穿刺定位图解,欧美黄色一级网站啪啪啪。

??04月05日,山林篝火并不浪漫 户外游该补补防火课,

　　第三枚蛋很特殊，在裂开时先是发出一道道霞光，而后一声鸣叫传出，坚硬的蛋突然整体碎掉，化成齑粉，那里神辉湛湛。

,邱淑芬的肥白肉唇,甘雨自慰网站,国产精品视频一区二区91。