一分钟JS课堂 | getBoundingClientRect()
0:25
一分钟JS课堂 | getBoundingClientRect()
1.1K viewsOct 24, 2023
bilibiliSC-Me
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
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
4:20
Introduction to Web Development || Understanding the Web || Part 2
197.2K 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
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
4:46
Introduction to HTML || Your First Web Page || Part 1
314.6K viewsJun 5, 2018
YouTubeWeb Dev Simplified
10:20
Learn useRef in 11 Minutes
718.4K 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
958.3K 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
45:03
Using HttpClient in .NET Core to Connect to APIs in C#
198.3K viewsMay 27, 2020
YouTubeIAmTimCorey
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
939.4K viewsMay 14, 2019
YouTubeWeb Dev Simplified
31:30
Getting Started with the Web Client in Spring Boot & Writing Tests
14.2K viewsJul 31, 2024
YouTubeDan Vega
14:48
13 Using WebClient to make API calls - Spring Boot Microservices Level 1
404.2K viewsFeb 14, 2019
YouTubeJava Brains
12:03
Build Amazing Page Transitions In Only 12 Minutes
280.2K viewsJul 30, 2019
YouTubeWeb Dev Simplified
4:38
OPENCV & C++ TUTORIALS - 42 | boundingRect() | Draw rectangles for contours
1.9K viewsAug 21, 2022
YouTubeComputer Vision Lab
21:49
How To Build A Modern Login Screen With Error/Success States
96.9K viewsAug 23, 2022
YouTubeWeb Dev Simplified
31:56
How to Style a Modern Website (Part One)
280.1K viewsAug 30, 2018
YouTubeWeb Dev Simplified
See more