Pretext: 纯 TypeScript 文本测量引擎 解锁了 30 年来 Web 做不到的排版问题前 React 核心团队成员、ReasonML 作者、现 Midjourney 工程师 Cheng Lou 开源了 Pretext，一个纯 TypeScript 写的文本测量和排版库。能让你不用真的把文字放到网页上，就能提前知道文字会占多大空间。先打个比方。你装修房子，买了一个书架，想知道放在客厅那面墙能不能放得下。正常人会拿尺子量一下墙的宽度和书架的宽度，对比一下就知道了。但浏览器不是这么干的。浏览器的做法是：把书架搬过去，塞进客厅，然后看看放不放得下。放不下？搬走，换个位置再塞一次。每次你想知道"放不放得下"，它就搬一次家具。这就是为什么网页有时候会"闪"一下，聊天列表滑着滑着会"跳"一下。浏览器在反复搬家具。Pretext 做的事情就是给浏览器一把尺子。量一下就知道了，不用搬。它用纯数学计算文字的高度和行数，不需要真的把文字放到网页上去排版。500 段文字的计算只要 0.09 毫秒，比浏览器"搬家具"快几百倍。
0:12
Pretext: 纯 TypeScript 文本测量引擎 解锁了 30 年来 Web 做不到的排 …
22.4K views4 weeks ago
x.com小互
这两天最火的一个开源项目 Pretext作者 Cheng Lou，React 团队元老、Reason/ReScript 作者，前端圈的技术权威解决了什么问题？开源了一个纯 TypeScript 文本布局引擎，不碰 DOM、不触发 CSS reflow，用 Canvas measureText 做像素级精确的多行文本测量，号称比 DOM 方式快 500 倍说人话版本：你用飞书文档，打字的时候偶尔会感觉光标"跳"了一下，或者输入法候选框的位置不对那就是浏览器在 reflow——你打了一个字，浏览器要重新算这一段文字怎么折行，算完了才能告诉你光标在哪。这个过程如果慢了几十毫秒，你就感觉到卡了Pretext 让这个计算变成了纯数学运算，快到你感觉不到一句话：所有你用过的"文字多了就变卡"的产品，理论上都可以用这个技术变不卡几个应用方向：1. 丝滑的无限滚动想象一个 Twitter/微博客户端，10 万条推文，你拖滚动条直接跳到任意位置——不卡、不闪、不需要"加载中"。现在没有任何客户端能做到这点，因为不知道每条多高。有了 Pretext 就能算。2. 文字像水一样流动文字绕着图片流、绕着圆形流
0:08
这两天最火的一个开源项目 Pretext作者 Cheng Lou，React 团队元老 …
23.7M views4 weeks ago
x.comRay Wang
Hira 📷 on Instagram: "RIP MetroCard. 1993 - 2025. You got us home 💔💔"
0:36
Hira 📷 on Instagram: "RIP MetroCard. 1993 - 2025. You got us home 💔💔"
3.8M views3 months ago
Instagramheroichira
berlin the metro lyrics
4:00
berlin the metro lyrics
398.9K viewsOct 27, 2010
YouTubeRIPdeathnotegirl
Tenants: How to Key In Your Metro Code
1:17
Tenants: How to Key In Your Metro Code
51.8K viewsAug 2, 2021
YouTubeMetro Prepaid UK
METRO EXODUS Gameplay Walkthrough Part 1 FULL GAME Good Ending [1080p HD 60FPS PC] - No Commentary
15:43:38
METRO EXODUS Gameplay Walkthrough Part 1 FULL GAME G…
2.4M viewsFeb 21, 2019
YouTubeMKIceAndFire
My Metro App everything you need to know (Explained)
5:22
My Metro App everything you need to know (Explained)
53.4K viewsNov 25, 2015
YouTubeVarieties Teck
2:04
5 Simple Steps To Use Metro2 Software
35.6K viewsDec 4, 2024
VimeoDion Coopwood
9:14
C# Tutorial - How To Use Metro Framework Metro Style Manager | …
54.9K viewsSep 7, 2016
YouTubeFox Learn
4:52
Vietsub || Vân Hà Trú - Hoàng Thi Phù | 云何住 - 黄诗扶
156.9K viewsJun 15, 2019
YouTubeHi go
1:58
Metro Studio 2 Demo
7.8K viewsAug 6, 2012
YouTubeSyncfusion, Inc
3:19
C# Tutorial - Metro TextBox | FoxLearn
23.3K viewsMar 31, 2017
YouTubeFox Learn
32:25
An Introduction to New Metropix
399 viewsMar 7, 2019
YouTubeLandmark Estate Agency Services
1:19:27
The ENTIRE Metro Story... So Far...
2.3M viewsMay 14, 2022
YouTubeGaming Harry
0:31
MetroMap | More Than Just Maps | Official TVC (30")
15.5K viewsAug 30, 2021
YouTubeAerometrex
5:09
Scrip Summed Up In 5 Minutes
21.9K viewsNov 4, 2019
YouTubeRupertsland Institute's Teaching & Learning Team
3:12:49
The COMPLETE Metro Series Story Retrospective
805K viewsFeb 2, 2025
YouTubeGingy
34:57
How to use Metropix HTML 5 Floor Plan Software
1.6K viewsFeb 20, 2018
YouTubeLandmark Estate Agency Services
0:15
Metro Life 🏙️ City RP Script [Easy] [Limited] [instant ugc]
112 views4 months ago
YouTubeNoobscript
4:15
Vietsub || Thuyết Hoang - W. K. | 说谎 - W. K.
13.8K viewsJun 25, 2019
YouTubeHi go
5:13
[FREE] 🚆 Realistic Metro Script | Walkable Trains, Ticket System, W…
3.5K views11 months ago
YouTubeMJ DEVELOPMENT
40:07
Webinar: Basic Scripting with Python™ in ZYGO's Mx™ Software
3.7K viewsJun 18, 2020
YouTubeZygo Corporation
0:30
How to use Metro Card/tokan for Entry or Exit #metrotrains #metroc…
744.8K viewsAug 8, 2022
YouTubeBanerji Shourya S
5:57
Metro Story Summary - What You Need to Know to Play Metro Exodus!
168.2K viewsFeb 3, 2019
YouTubeSuggestive Gaming
15:18
Why the Metro Series is so Special (and How it Holds up in 2026)
8.3K views3 months ago
YouTubetarx
2:01
NEW Metro Life Script NO KEY - New Update, Auto Farm, God Mod…
361 views8 months ago
YouTubeEl Nino Ae
1:28:09
The FULL Metro Timeline...So Far | 2009 - 2035 | Complete Metro Boo…
413.9K viewsJun 1, 2023
YouTubeWiseFish
21:48
Metro Exodus - The Story so Far
422.1K viewsFeb 12, 2019
YouTubeHonest Game Trailers
0:23
Metro Life RP - Script - Instant UGC
429 views4 months ago
YouTubeRyuuTrace
0:59
Understanding Metrosexuality: Definition, Meaning, and Examples
1.4M viewsOct 5, 2021
TikTokrorolonewolf
See more videos
Static thumbnail place holder