Pretext.js: The 15KB Library That Makes Text Layout 500x Faster
Pretext.js: The 15KB Library That Makes Text Layout 500x Faster
1 个月前
apidog.com
Understanding and using interfaces in TypeScript - LogRocket Blog
Understanding and using interfaces in TypeScript - LogRocket Blog
2022年9月9日
logrocket.com
Should You Learn TypeScript? Pros and Cons of TS Explained
Should You Learn TypeScript? Pros and Cons of TS Explained
2024年5月10日
freecodecamp.org
TypeScript Crash Course with Matt Pocock
1:03:29
TypeScript Crash Course with Matt Pocock
2024年11月26日
Microsoftv-trmyl
What is an example of pretext? - TimesMojo
What is an example of pretext? - TimesMojo
2022年7月7日
timesmojo.com
Pretext: 纯 TypeScript 文本测量引擎 解锁了 30 年来 Web 做不到的排版问题前 React 核心团队成员、ReasonML 作者、现 Midjourney 工程师 Cheng Lou 开源了 Pretext，一个纯 TypeScript 写的文本测量和排版库。能让你不用真的把文字放到网页上，就能提前知道文字会占多大空间。先打个比方。你装修房子，买了一个书架，想知道放在客厅那面墙能不能放得下。正常人会拿尺子量一下墙的宽度和书架的宽度，对比一下就知道了。但浏览器不是这么干的。浏览器的做法是：把书架搬过去，塞进客厅，然后看看放不放得下。放不下？搬走，换个位置再塞一次。每次你想知道"放不放得下"，它就搬一次家具。这就是为什么网页有时候会"闪"一下，聊天列表滑着滑着会"跳"一下。浏览器在反复搬家具。Pretext 做的事情就是给浏览器一把尺子。量一下就知道了，不用搬。它用纯数学计算文字的高度和行数，不需要真的把文字放到网页上去排版。500 段文字的计算只要 0.09 毫秒，比浏览器"搬家具"快几百倍。
0:12
Pretext: 纯 TypeScript 文本测量引擎 解锁了 30 年来 Web 做不到的排版问题前 React 核心团队成员、ReasonML 作者、现 Midjourney 工程师 Cheng Lou 开源了 Pretext，一个纯 TypeScript 写的文本测量和排版库。能让你不用真的把文字放到网页上，就能提前知道文字会占多大空间。先打个比方。你装修房子，买了一个书架，想知道放在客厅那面墙能不能放得下。正常人会拿尺子量一下墙的宽度和书架的宽度，对比一下就知道了。但浏览器不是这么干的。浏览器的做法是：把书架搬过去，塞进客厅，然后看看放不放得下。放不下？搬走，换个位置再塞一次。每次你想知道"放不放得下"，它就搬一次家具。这就是为什么网页有时候会"闪"一下，聊天列表滑着滑着会"跳"一下。浏览器在反复搬家具。Pretext 做的事情就是给浏览器一把尺子。量一下就知道了，不用搬。它用纯数学计算文字的高度和行数，不需要真的把文字放到网页上去排版。500 段文字的计算只要 0.09 毫秒，比浏览器"搬家具"快几百倍。
已浏览 2.2万 次1 个月前
x.com小互
【中配】他刚爬过地狱修复浏览器… - Fireship
5:21
【中配】他刚爬过地狱修复浏览器… - Fireship
已浏览 25 次1 个月前
bilibili侧光译室
6:11
He just crawled through hell to fix the browser…
已浏览 178 次1 个月前
YouTubeSilicon Brief
3:52
How to Setup and Run TypeScript in Visual Studio Code on Windows 10/11
已浏览 479 次1 个月前
YouTubeUnited Top Tech
4:43
Он только что прошел через ад, чтобы исправить браузер… [Fireship]
已浏览 679 次1 个月前
YouTubeMarat Zimnurov
0:53
Developers Are Going Crazy Over This - Pretext Library
已浏览 2804 次1 个月前
YouTubeFaultyogi
4:02
ОН ИСПРАВИЛ БАГ БРАУЗЕРОВ 90-Х ГОДОВ
1 个月前
YouTubeRocket Founders
15:28
Pretext is a Game Changer
已浏览 6613 次1 个月前
YouTubeTom Is Loading
0:50
Pretext: 15KB Library That's 300x Faster Than the DOM #Shorts
已浏览 58 次1 个月前
YouTubePrism Labs
8:15
Pretext: 15KB Library That's 300x Faster Than the DOM
已浏览 876 次1 个月前
YouTubePrism Labs
10:30
Pretext Makes Text Layout 500x Faster
已浏览 125 次1 个月前
YouTubeCmd+AI
7:52
0.09ms Text Layout? Meet the Library Replacing the DOM. #pretext.js
已浏览 1 次1 个月前
YouTubeLets Do Some Coding
0:34
Riding the wave of the pretext.js without pretext 😅
已浏览 7.3万 次1 个月前
x.comFelix Martinez
0:27
Pretext has been ported to native and has been shown to be very effective!It's a 1-1 port, but using Apple's great Text APIs instead of DOM or JSLet's spare your timeline of another avalanche of demos 😅 Just imagine the Pretext demos but in your Mac and iOS apps
已浏览 11.5万 次1 个月前
x.comCheng Lou
He just crawled through hell to fix the browser… | daily.dev
已浏览 5 次1 个月前
daily.dev
Pretext: Fast TypeScript Library for Multiline Text Layout | Rakesh P. posted on the topic | LinkedIn
已浏览 2 次1 个月前
linkedin.com
4:59
Pretext is a pure JS text measurement and layout engine, a game-changer in the front-end developm...
已浏览 3750 次1 个月前
YouTube三少科技
0:09
昨天我的主页被这个 Pretext 刷屏了这个是 Midjourney 的前端工程师 @_chenglou 开源的一个纯 TypeScript 写的文本测量库，可以在完全不依赖 DOM 的情况下精确计算文本的排版尺寸。然后昨天很多人用 Pretext 做了一些很酷炫的视觉效果，我也凑热闹做了一个，我把比特币的实时 K 线图丢进比特币白皮书里面 😂• 网站：
已浏览 11万 次1 个月前
x.com杀破狼 WolfyXBT
0:08
Cheng Lou 发布了一个纯 TypeScript 写的文本测量库 Pretext，能在完全不依赖 DOM 的情况下，精确计算文本的排版尺寸。Cheng Lou 是前端圈的老熟人，参与过 React、ReasonML、ReScript 的开发，后来在 Midjourney 工作。这次他说自己"从地狱深处爬回来"，带回了这个项目。为什么这件事值得关注？做过前端的人都知道，想知道一段文字渲染后占多大空间，标准做法是用 getBoundingClientRect() 去问浏览器。但这个操作会触发 reflow（回流），也就是浏览器被迫重新计算整个页面的布局，是网页里最昂贵的操作之一。而且这种测量没法并行，必须排队处理，写组件时一不小心就会造成读写交错，性能直接崩掉。Pretext 的思路完全不同：它自己实现了一套文本测量算法，用浏览器字体引擎的输出作为校准基准，但测量过程本身不碰 DOM。根据项目的基准测试，速度大约是传统方案的 500 倍。体积只有几 KB，支持多语言混排（包括韩文混阿拉伯文从右到左的场景），也能正确处理各平台的 Emoji。Cheng Lou 展示了几个 Demo 来
已浏览 2389.2万 次1 个月前
x.com宝玉
12:01
TypeScript - The Basics
已浏览 167.2万 次2018年11月29日
YouTubeFireship
13:47
TypeScript Setup With Node & Express
已浏览 24.2万 次2019年5月19日
YouTubeTraversy Media
48:11
Learn TypeScript in 50 Minutes - Tutorial for Beginners
已浏览 87.7万 次2018年8月6日
YouTubeCodevolution
10:03
How To Setup Next.JS with TypeScript, Prettier, ESLint and Husky
已浏览 4.6万 次2021年5月4日
YouTubeJarrod Watts
27:51
Typescript for React Components From Beginners to Masters
已浏览 16.5万 次2021年1月27日
YouTubeJack Herrington
15:55
TypeScript Setup for Node.js with VS Code & PM2
已浏览 5万 次2019年11月11日
YouTubeZaiste Programming
展开