Pretext 刚开源就冲上 16k Stars，前端文本排版还能这样做｜ 附开源应用
9:17
Pretext 刚开源就冲上 16k Stars，前端文本排版还能这样做｜ 附开源应用
已浏览 5087 次1 个月前
YouTubeNiceKate AI
前React 核心成员Cheng Lou 打造的Pretext 引擎，直接绕过浏览器臃肿的DOM 测量，纯靠 TypeScript 在内存里“算”出每个字符的坐标！速度飙升10 倍 #人工智能
1:01
前React 核心成员Cheng Lou 打造的Pretext 引擎，直接绕过浏览器臃肿的DOM 测量，纯靠 TypeScript 在内存里“算”出每个字符的坐标！速度飙升10 倍 #人工智能
已浏览 912 次1 个月前
YouTubeAIFUNS
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小互
开源半月狂揽 41.4k Star！Pretext 纯脚本实现的高性能文本布局引擎！以后别再死磕 CSS 了！
5:28
开源半月狂揽 41.4k Star！Pretext 纯脚本实现的高性能文本布局引擎！以后别再死磕 CSS 了！
已浏览 774 次1 个月前
bilibili老周聊golang
前端3d交互 实时排版，pretext太好玩了【教程】
1:24
前端3d交互 实时排版，pretext太好玩了【教程】
已浏览 2420 次1 个月前
bilibili泡椒肥汤圆
前端革命🔥Pretext碾压级文本处理！无DOM | 零卡顿
0:34
前端革命🔥Pretext碾压级文本处理！无DOM | 零卡顿
已浏览 602 次1 个月前
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 当时也是我接的，但域名邮箱过期导致贡献者里我失踪了……
已浏览 2381.6万 次1 个月前
x.comYifeng "Evan" Wang
0:54
pretext：解决了浏览器排版 30 年的性能问题
已浏览 179 次1 个月前
bilibili程序员三木
0:50
Pretext：React 大神纯 JS 打造的排版引擎，性能飙升 500 倍，干翻传统前端
已浏览 801 次1 个月前
bilibiliAI指挥官Felix
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
51:35
无需微调：模型如何主动利用上下文实现持续学习
已浏览 2946 次2 个月之前
bilibiliNICE学术
3:00
「Pretext」项目实战:网页击剑和星系【内含提示词】网页文字变流畅动画❗️程序员狂喜
已浏览 2212 次1 个月前
bilibili鱼C-小甲鱼
6:43
6分钟看懂 Pretext
已浏览 196 次1 个月前
bilibili百万AI看世界
8:16
PostgreSQL源码：MemoryContext｜顶级内存上下文和责任划分
已浏览 822 次3 周前
bilibiliSocrates_0010
5:11
Context 有性能隐患吗？这份自检清单帮你排查并优化
已浏览 396 次1 个月前
bilibili前端雨爸Eminoda
15:45
CSS 布局要被淘汰了？网页排版革命 Pretext，与 AI 的双向奔赴
已浏览 1.1万 次1 个月前
bilibili为什么叫QQ
0:25
第26期 前端大神开源排版引擎 pretext
已浏览 339 次1 个月前
bilibili玩AI的泡泡
1:28
网页文字变流畅动画，这个爆火的开源项目 Pretext 有多强？
已浏览 2915 次1 个月前
bilibili机器之心官方
1:10
这个开源技术足以改变未来前端的形态 Pretext
已浏览 5437 次1 个月前
bilibiliAI个体指南
3:53
Spring基础：应用程序上下文ApplicationContext介绍
已浏览 428 次2023年6月26日
bilibili学亮编程手记
1:03
def initialize(context) 初始化上下文环境
已浏览 2.6万 次2024年2月17日
bilibiliAda-Xue
0:27
读取context中的数据与条件判断
已浏览 3.9万 次2023年8月16日
bilibiliAda-Xue
0:59
‎Shakerbori | شاکر بوری‎ on Instagram‎: "این قسمت جلیلی و ساده زیستیش😬 #شاکر_بوری #شاکربوری"‎
已浏览 56.9万 次5 个月之前
Instagramshakerbori65
0:32
‎نیلوفر بهروزی فر کارشناس ارشد روان شناسی‎ | ‎⁨ تولید محتوا با من🎥📼 طرحواره ی فعالم سوتی دادن و خندیدن😄😇....#درمانگر #نیلوفربهروزی #محتوا #کودک #والدگری #فان #روان #والدگری #پاکدشت...‎ | Instagram
已浏览 2274 次6 个月之前
Instagramniloofar.behruzifar
15:21
【人工智能】什么是上下文工程Context Engineering | 上下文Context | Agent的缺点 | 提示词工程 | RAG | MCP | 写入 | 选取 | 压缩 | 隔离
已浏览 4万 次8 个月之前
YouTube最佳拍档
4:59
Pretext is a pure JS text measurement and layout engine, a game-changer in the front-end developm...
已浏览 3702 次1 个月前
YouTube三少科技
22:41
Flux Kontext百科全书：模型选择、高质量提示词生成、多场景实践、实用LoRA与插件介绍
已浏览 6414 次9 个月之前
YouTube黎黎原上咩
4:08
Kontext模型13种预设更新,一键进行提示词创建,Inpainting节点更新,图片的指定局部编辑
已浏览 664 次9 个月之前
YouTubeAI-KSK
5:01
前发
已浏览 768 次2024年4月25日
bilibili长春阿忠
0:31
Chenglou 发布的 Pretext 才刚开源。已经有人把这套“纯 JS 文本布局引擎”玩出了花，彻底终结了 Web 排版的重排（Reflow）噩梦。我整理了 8 个非常炸裂的脑洞大开的案例，建议开发者收藏备用👇 🧵
已浏览 3.2万 次1 个月前
x.comaxiaisacat
展开