Pretext is a pure JS text measurement and layout engine, a game-changer in the front-end developm...
4:59
Pretext is a pure JS text measurement and layout engine, a game-changer in the front-end developm...
已浏览 3702 次1 个月前
YouTube三少科技
contain 和 constrain 的核心共性是都涉及限制，但差异在于：contain 强调容纳/控制（把东西装住或抑制住），而 constrain 强调强制约束（施加外部压力限制行动自由）#contain #constrain #高级英语 #英语形近词 #timeconstrain
1:15
contain 和 constrain 的核心共性是都涉及限制，但差异在于：contain 强调容纳/控制（把东西装住或抑制住），而 constrain 强调强制约束（施加外部压力限制行动自由）#contain #constrain #高级英语 #英语形近词 #timeconstrain
2 周前
douyin.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小互
前端革命🔥Pretext碾压级文本处理！无DOM | 零卡顿
0:34
前端革命🔥Pretext碾压级文本处理！无DOM | 零卡顿
已浏览 602 次3 周前
bilibili沈code
pretext 仅依赖 canvas.measureText 和 Intl.Segmenter。后者 bun 和 node 都内置，前者可用 @Brooooook_lyn 的 skia canvas 来实现。这意味着仅靠 bun + yoga + pretext + skia canvas 就够完整渲染 headless UI 了记得 measureText API 当时也是我接的，但域名邮箱过期导致贡献者里我失踪了……
0:08
pretext 仅依赖 canvas.measureText 和 Intl.Segmenter。后者 bun 和 node 都内置，前者可用 @Brooooook_lyn 的 skia canvas 来实现。这意味着仅靠 bun + yoga + pretext + skia canvas 就够完整渲染 headless UI 了记得 measureText API 当时也是我接的，但域名邮箱过期导致贡献者里我失踪了……
已浏览 2377.8万 次1 个月前
x.comYifeng Wang
哈哈，原来字符串还可以这么玩，字符真就串一起了，刚才玩了一下，根本停不下来。Canvas + 自定义 2D 物理 + Pretext 文本布局引擎 的组合，实现了这个好玩的“可拽文字绳子”效果。地址放评论区了，想玩的赶紧试试！
0:15
哈哈，原来字符串还可以这么玩，字符真就串一起了，刚才玩了一下，根本停不下来。Canvas + 自定义 2D 物理 + Pretext 文本布局引擎 的组合，实现了这个好玩的“可拽文字绳子”效果。地址放评论区了，想玩的赶紧试试！
已浏览 3.8万 次1 个月前
x.com雨哥向前冲
这两天超爆的一个项目：pretext，让前端不碰DOM就能精确知道文字占多大空间，比传统DOM测量快500倍用纯TypeScript写的一个文本测量引擎，不依赖DOM，不触发回流，直接在JS层面算出文字会占多少空间比如说虚拟滚动，聊天记录里有几万条消息，每条高度不同，传统做法要把每个元素都渲染到DOM里量一次，现在不需要了，纯计算就行，能跑120fps响应式杂志排版、自适应气泡等等也都不算事了500段文本批量 prepare() 约19ms，layout() 约0.09ms，比传统DOM测量快500倍支持所有主流语言，包括中日韩、阿拉伯RTL、Emoji混排、混合双向文本，自动处理浏览器quirks它把前端文本排版从浏览器黑盒变成了可预测、可缓存的东西，做成了AI生成界面时代的基础设施#pretext #UI
0:09
这两天超爆的一个项目：pretext，让前端不碰DOM就能精确知道文字占多大空间，比传统DOM测量快500倍用纯TypeScript写的一个文本测量引擎，不依赖DOM，不触发回流，直接在JS层面算出文字会占多少空间比如说虚拟滚动，聊天记录里有几万条消息，每条高度不同，传统做法要把每个元素都渲染到DOM里量一次，现在不需要了，纯计算就行，能跑120fps响应式杂志排版、自适应气泡等等也都不算事了500段文本批量 prepare() 约19ms，layout() 约0.09ms，比传统DOM测量快500倍支持所有主流语言，包括中日韩、阿拉伯RTL、Emoji混排、混合双向文本，自动处理浏览器quirks它把前端文本排版从浏览器黑盒变成了可预测、可缓存的东西，做成了AI生成界面时代的基础设施#pretext #UI
已浏览 3622 次1 个月前
x.comAIGCLINK
0:58
测试方案自动化生成，为编码任务保驾护航！
已浏览 30 次1 个月前
bilibiliCOSTRICT
0:32
🔔高频单词：constrain
已浏览 2万 次2024年12月12日
bilibili单词大爆炸
12:33
【Android 开发教程】03 界面布局ConstraintLayout 1
已浏览 2万 次2020年3月7日
YouTubelongway777
36:09
Android入门（二十九）约束布局ConstraintLayout1.0 #Android开发 #编程
2022年11月20日
douyin.comCoderCao
2:17
考研易混词：constraint、constrict、restrain、restrict、refrain，你们都认识了吗？#考研英语 #英语没那么难 #24考研 @DOU 小课堂 @DOU 小助手 @DOU 上热门 @抖音创作者中心 @抖音小助手
2023年6月19日
douyin.com考研英语晶婷老师
36:50
受约束强化学习-constrained RL
已浏览 1812 次2022年4月11日
bilibilizhongdy15
23:37
进阶篇12.2.2 StaticText文本类
已浏览 641 次2024年4月11日
bilibili明月讲解
1:12:39
协同编辑器从入门到高级：基础搭建、自研富文本、协同系统设计，覆盖 contenteditable、命令模式、block 架构、OT/CRDT 冲突解决与编译转换
已浏览 120 次2 个月之前
bilibiliBrie努力敲代码
2:26
Text2Tex：基于扩散模型的文本驱动纹理合成
已浏览 2.1万 次2023年3月22日
zhihu.comAI算法与图像处理
1:51:23
【阿里P7进阶学习】使用 ConstraintLayout 构建自适应界面
已浏览 2743 次2020年4月17日
bilibili大模型大鱼
1:15
TextOCR：对任意形状的场景文本进行大规模的端到端推理
已浏览 2万 次2021年5月15日
zhihu.com学术头条
4:29:55
FastText 工具使用 | 词向量模型 文本分类模型 | 轻量级 NLP 快速落地方案
已浏览 3078 次2024年4月6日
bilibili孟宝亮
11:31
【约束规划】从 binary encoding 到 logical expression 到 logical constraints 以及 CpModel
已浏览 692 次2022年4月13日
bilibili五道口纳什
40:41
2# Android约束布局介绍+基础布局重温 (Attect) Android开发教程
已浏览 2530 次2019年3月17日
bilibili玛丽喵
45:56
【开发】安卓开发 约束布局ConstraintLayout
已浏览 2288 次2020年4月2日
bilibili白胡子老头丶
1:02
前端有个脏秘密。每次你用 getBoundingClientRect 或 offsetHeight 测量文字，都会触发一次 layout reflow。这是浏览器最贵的操作之一。我们这样写了 20 年。有个新库把这件事彻底改了。Pretext——测文字高度，不碰一次 DOM。原理：用浏览器自带的字体引擎（canvas measureText）做字形测量，脏活一次性干完，后续每次排版都是纯数学，零 DOM 访问，零 reflow。const prepared = prepare('你好世界 Hello 🚀', '16px Inter')const { height } = layout(prepared, 320, 20)// 纯算术，DOM 完全没动性能基准：prepare() — 500 条文本约 19ms（只做一次）layout() — 之后每次仅 0.09ms支持中文、阿拉伯文、emoji、混合双向文本。解锁了一堆之前靠猜的事： → 虚拟列表精准行高，不再估算 → 新内容加载时防止页面跳动 → Canvas / SVG / 服务端渲染文字GitHub：chenglou/pret
已浏览 263.9万 次1 个月前
x.comaxiaisacat
12:17
文本分类器作为服务的对比解释
已浏览 1 次2023年2月11日
bilibilidupaper
35:01
字体字形和字号 - ConTeXt 论文排版工具
已浏览 199 次2025年3月15日
bilibili王哥讲排版
2:33
C语言关键字restrict
已浏览 1.4万 次2024年9月10日
bilibili学益得智能硬件
3:03
面向大型语言模型的有约束文本生成方法
已浏览 776 次2023年12月13日
bilibiliPaperWeekly
UITextView的attributedText含有NSTextAttachment对象、表情包和普通文本的遍历与组装h5字符串-阿里云开发者社区
2024年5月24日
aliyun.com
16:20
Jetpack Compose中使用ConstraintLayout指南
已浏览 906 次2021年10月17日
bilibili账号已注销
1:14
当const遇上restrict
已浏览 1746 次2024年12月21日
bilibili学益得智能硬件
展开