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
54.1K 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
958 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
JavaScript #10: Element Positioning - fixed, absolute, getBoundingClientRect, elementFromPoint
9:57
JavaScript #10: Element Positioning - fixed, absolute, getBoundingClientRect, elementFromPoint
8K viewsJan 28, 2020
YouTubeselfedu
Having Fun With Position: Fixed And Element.getBoundingClientRect() In
Having Fun With Position: Fixed And Element.getBoundingClientRect() In
Nov 22, 2019
bennadel.com
4:20
Introduction to Web Development || Understanding the Web || Part 2
196.7K viewsMay 31, 2018
YouTubeWeb Dev Simplified
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
529.8K 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
8:03
How to Call a REST API using WebClient in Spring Boot
58.6K viewsOct 16, 2022
YouTubeRandom code
18:44
The Ultimate Web Developer Roadmap For 2024
280K 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.6K viewsJun 5, 2018
YouTubeWeb Dev Simplified
28:53
How To Create A Video Chat App With WebRTC
958.4K 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
940.9K viewsMay 14, 2019
YouTubeWeb Dev Simplified
14:48
13 Using WebClient to make API calls - Spring Boot Microservices Level 1
404.2K viewsFeb 14, 2019
YouTubeJava Brains
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.9K viewsAug 23, 2022
YouTubeWeb Dev Simplified
12:31
ASP NET Core Model Binding
159.3K viewsApr 4, 2019
YouTubekudvenkat
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
786.9K viewsJun 27, 2020
YouTubeWeb Dev Simplified
See more