TXM - Outil de textométrie pour corpus textuel
43:53
TXM - Outil de textométrie pour corpus textuel
493 views6 months ago
YouTubeabidrabbo
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 毫秒，比浏览器"搬家具"快几百倍。
22.4K views1 month ago
x.com小互
My dear front-end developers (and anyone who’s interested in the future of interfaces):I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept):Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow
0:08
My dear front-end developers (and anyone who’s interested in the future of interfaces):I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept):Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow
23.9M views1 month ago
x.comCheng Lou
这两天超爆的一个项目：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
3.8K views1 month ago
x.comAIGCLINK
Nothing Fancy... just experimenting and exploring with the available ones before exploring the new trending ones.. The core trick here: ctx.measureText() pre-computes every word into a data object with a baseX, current x, and targetX. Each frame, a 120-segment dragon emits collision nodes with anatomically-computed radii. For every line of text, it projects each node onto the line's Y axis, compute the X exclusion span via √(r² - dy²), merge overlapping intervals, then run a relaxation solver (f
0:21
Nothing Fancy... just experimenting and exploring with the available ones before exploring the new trending ones.. The core trick here: ctx.measureText() pre-computes every word into a data object with a baseX, current x, and targetX. Each frame, a 120-segment dragon emits collision nodes with anatomically-computed radii. For every line of text, it projects each node onto the line's Y axis, compute the X exclusion span via √(r² - dy²), merge overlapping intervals, then run a relaxation solver (f
71K views1 month ago
x.comSHAHNAB AHMED
How to Use GMetrix
7:03
How to Use GMetrix
5.2K viewsNov 29, 2020
YouTubeAudentes Technologies
Texter - Basic Use
1:05
Texter - Basic Use
162.8K viewsDec 16, 2008
YouTubeLifehacker
27:00
TextMesh Pro - Font Asset Creation
97.5K viewsApr 23, 2016
YouTubeZolran
5:41
True Metrix Go How to Use
29.6K viewsFeb 24, 2019
YouTubePharmacist Tips
5:19
Metrix 4.0 - Getting Started
133.5K viewsAug 10, 2021
YouTubeMetrix Learning
0:51
True Metrix Blood Glucose Meter Demonstration
84.6K viewsMar 26, 2017
YouTubeTom W
18:29
Test Authoring Tutorial: QMetry Test Management
13.7K viewsApr 2, 2018
YouTubeQMetry
6:29
Completing your First Textbroker Order
72.6K viewsMay 3, 2013
YouTubeTextbroker International
6:38
True Metrix Air Glucose Meter and Test Strips How to Use
111.7K viewsSep 30, 2019
YouTubePharmacist Tips
37:50
Qualtrics Text IQ Training
12.3K viewsAug 2, 2021
YouTubeGSA (General Services Administration)
8:21
SiteMetrix Operator Overview
180 viewsApr 19, 2022
YouTubeGradeMetrix
19:24
GMetrix Testing Mode
2.7K viewsJan 11, 2023
YouTubeGMetrix Official
11:27
GMetrix Learner Experience
1.1K viewsOct 28, 2022
YouTubeGMetrix Official
1:01
Altmetric Sentiment Analysis
7M views6 months ago
YouTubeAltmetric YouTube Channel
0:53
Mometrix Online Courses
507.8K viewsNov 16, 2021
YouTubeMometrix Test Preparation
17:55
Introduction to textX
11.9K viewsMay 4, 2016
YouTubeIgor Dejanović
11:46
Introducing Textometrica
3.6K viewsOct 25, 2012
YouTubeSimon Lindgren
4:12
Poetry Metrics1
17.8K viewsOct 10, 2011
YouTubeEnglishGuyinTexas
5:22
Write Up Your Customer
17.4K viewsOct 5, 2021
YouTubeTekmetric
11:15
Getting Started Tutorial
32.2K viewsNov 14, 2014
YouTubeMetrix Learning
1:56
TireMaster Software - TMText
614 viewsMay 17, 2019
YouTubeASA Automotive Systems, Inc.
2:20
Sematext Experience Demo - Real User Monitoring
3.7K viewsAug 27, 2019
YouTubeSematext
1:33
How to use a Testex Micrometer
13.9K viewsMar 8, 2011
YouTubeClemtex
4:41
Creating custom metrics with OpenTelemetry
8.9K viewsMay 25, 2022
YouTubeGoogle Cloud Tech
15:33
Tuto GTmetrix pour débutant ?
1.8K viewsJul 1, 2016
YouTubeOlivier CLEMENCE (store-opart)
See more