猫眼电影
猫眼电影记者 黄孝邦 报道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：8x日韩在线观看永久免费
??04月04日,国台办：赖清德当局裹挟台民众当“炮灰” “台独”与台海和平水火不容,
小不点吐气开声，口鼻间喷出一股精气，浑身都在发光，符文交织，银月如刀，挡在身前，铿锵作响。
,欧美一级黄色片视频。??04月04日,【代表委员之声】兜住、兜准、兜牢民生底线,
党代会换届改选领导讲话 篇2
,精品一区二区三区自拍图片区,黄页变态视频免费在线观看,婷婷爱五月。??时事2：欧美另类综合
??04月04日,2023年新疆机场共完成旅客吞吐量逾4000万人次,
半个月后地平线上烟尘飞扬，一群骑着凶兽的人出现，向石村疾驰而来。
,深夜色网址大全,中文人妻字幕精品一区二区三区,我想看会A级大片能瞅不见了。??04月04日,一站一景、站城融合 集大原高铁三座车站落成,
几位宗老大叫，化成几道闪电，瞬息而至，将他围。ぴ诹说敝。他们全都悚然，这可是重瞳者啊，拥有上古圣人、神人的特质，还融合了至尊骨，注定要崛起，称尊古国，怎容有失？！
,国产黄色美女尻屄视频,狼友啪啪视频,xxxx18。??时事3：手机在线日本美女爆乳黄色网站
??04月04日,中哈（连云港）物流合作基地累计运量超53万标箱,
本届初三同学是我校的初中毕业生。我来分校将近三年，已送走两届初中毕业班。与前两届相比，我感觉本届同学无论是在学习文化课，还是在遵守学校各项规章制度以及在个人的言行举止等综合素质方面都表现得更好。从入初一以来，一直是学校最满意的年级组。我想这既与意昂平台的家庭和学校的教育有关，更是同学们自己努力、追求上进的结果。在去年的期中、期末和今年的一摸、二摸连续四次的区统考中，同学们的成绩在不同方面都有所提升。我有理由相信，意昂平台今年的中考一定会在前两年基础上有新的突破。我更有理由相信，你们中的每一位同学一定都会有着美好的未来。
,大香蕉久久伊人再见,国产AV综合AⅤ国产精品,欧美性交大片免费观看。??04月04日,【透视】外媒：两会议题体现务实长远，新政策凸显积极进取,
城镇化是人类生产和生活方式由乡村向城市转化的历史进程，是地方经济实力和现代化水平的重要象征。加快城镇化，是经济社会发展到一定阶段的必然产物，是实现现代化不可逾越的历史阶段，也是解决我县目前及今后经济社会诸多问题的关键。因此，意昂平台要从长远的、全局的和战略的高度，充分认识城镇化在经济社会发展中的重要意义。
,欧洲无码毛片免费在线观看,2022国产午夜无码视频,鸣人 玖辛奈同人歪歪漫画。??时事4：188437神秘大片
??04月04日,“0免赔”能否成惠民保升级新方向？,
创新工场将立足信息产业最热门领域：即互联网、移动互联网和云计算，选择相关技术作为创业起点。
,鸣人x雏田黄18羞羞禁,小 戳进桃子,宝宝好久没 你了水都变多了。??04月04日,牛粪进入实验室 锡林郭勒探索草原降碳新路径,
作为一张信用卡，招商银行信用卡在消费过程中给人们带来了很大的方便。但是，如果出现逾期，就会给消费者带来一系列的问题。下面金融啦小编整理下文，介绍下招商信用卡逾期几天会上个人信用？ 一、招商信用卡逾期几天会上个人信用 逾期超过三天则会上信用。 招行信用卡为用户提供三天的宽限期，因此招商信用卡还款...