HTML DOM Element getBoundingClientRect() method - Web API | JavaScript | React Interview
11:57
HTML DOM Element getBoundingClientRect() method - Web API | JavaScript | React Interview
2.1K viewsJul 21, 2023
YouTubeAGI_AI_ML
getBoundingClientRect() in Javascript DOM
9:19
getBoundingClientRect() in Javascript DOM
53.9K viewsFeb 15, 2018
YouTubedcode
Aprendendo sobre a função getBoundingClientRect() em Javascript - Curso de Javascript - Aula 112
11:07
Aprendendo sobre a função getBoundingClientRect() em Javascript - Curso de Javascript - Aula 112
2.8K viewsJan 23, 2023
YouTubeCFBCursos
Canvas + getBoundingClientRect Demo
13:55
Canvas + getBoundingClientRect Demo
947 viewsJul 15, 2020
YouTubeHoracio Herrera
前端有个脏秘密。每次你用 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
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
2.6M views1 month ago
x.comaxiaisacat
Introduction to Web Development || Understanding the Web || Part 2
4:20
Introduction to Web Development || Understanding the Web || Part 2
197.2K viewsMay 31, 2018
YouTubeWeb Dev Simplified
this guy just killed one of the web’s biggest bottlenecksbuilt “Pretext” - a TS engine that lays out multiline text without DOM reflows or getBoundingClientRect~500x faster, sub-ms layouts, 120fps UIsthis isn’t just a library, it’s a new rendering paradigm
0:08
this guy just killed one of the web’s biggest bottlenecksbuilt “Pretext” - a TS engine that lays out multiline text without DOM reflows or getBoundingClientRect~500x faster, sub-ms layouts, 120fps UIsthis isn’t just a library, it’s a new rendering paradigm
3.6K views1 month ago
x.comdev
4:27
Introduction to Web Development || Setup || Part 1
528K viewsMay 29, 2018
YouTubeWeb Dev Simplified
11:31
JavaScript Promises In 10 Minutes
1.9M viewsJan 17, 2019
YouTubeWeb Dev Simplified
6:35
Learn Fetch API In 6 Minutes
1.4M viewsOct 15, 2019
YouTubeWeb Dev Simplified
18:44
The Ultimate Web Developer Roadmap For 2024
279.8K viewsJan 16, 2024
YouTubeWeb Dev Simplified
2:08
Don’t Bother Learning New Web Dev Features
37K views10 months ago
YouTubeWeb Dev Simplified
29:59
MongoDB Crash Course
878.2K viewsSep 28, 2021
YouTubeWeb Dev Simplified
59:25
Learn Prisma In 60 Minutes
530.8K viewsJul 5, 2022
YouTubeWeb Dev Simplified
4:46
Introduction to HTML || Your First Web Page || Part 1
314.5K viewsJun 5, 2018
YouTubeWeb Dev Simplified
10:20
Learn useRef in 11 Minutes
713.8K viewsJun 9, 2020
YouTubeWeb Dev Simplified
34:56
The Most Important Skill You Never Learned
265.4K viewsJun 4, 2024
YouTubeWeb Dev Simplified
28:53
How To Create A Video Chat App With WebRTC
956.5K viewsJul 25, 2020
YouTubeWeb Dev Simplified
1:06
I Bet You Don’t Know This Amazing DOM Debugging Tool
35.9K views9 months ago
YouTubeWeb Dev Simplified
4:14
How The Backend Works
615.8K viewsApr 1, 2019
YouTubeWeb Dev Simplified
6:44
Web Dev Simplified - React Simplified - Beginner 2023-7
3K viewsNov 22, 2023
bilibili空白得很
28:56
Build A REST API With Node.js, Express, & MongoDB - Quick
931.3K viewsMay 14, 2019
YouTubeWeb Dev Simplified
9:43
Which Is Better? SQL vs NoSQL
316.1K viewsMar 13, 2021
YouTubeWeb Dev Simplified
12:03
Build Amazing Page Transitions In Only 12 Minutes
280.2K viewsJul 30, 2019
YouTubeWeb Dev Simplified
21:49
How To Build A Modern Login Screen With Error/Success States
96.8K viewsAug 23, 2022
YouTubeWeb Dev Simplified
31:56
How to Style a Modern Website (Part One)
280.1K viewsAug 30, 2018
YouTubeWeb Dev Simplified
0:43
This New Node Feature Is Super Convenient
126.5K viewsOct 19, 2023
YouTubeWeb Dev Simplified
0:40
I Can't Believe I Never Knew These Input Properties
168.5K viewsSep 8, 2022
YouTubeWeb Dev Simplified
13:08
Learn useContext In 13 Minutes
785.3K viewsJun 27, 2020
YouTubeWeb Dev Simplified
10:22
Open/Closed Principle Explained - SOLID Design Principles
156.9K viewsDec 17, 2019
YouTubeWeb Dev Simplified
See more