How Browsers Work · Part 3 — HTML Parsing & the DOM
How the renderer turns a byte stream into the DOM tree: tokenization, tree construction, the preload scanner, why scripts block parsing, and how async/defer change the picture.
Filter/Tag
#dom
5 entries
-
-
Web Components · Phần 2 — Custom Elements: Registry, Upgrade & Lifecycle
Hiểu quy tắc đặt tên, CustomElementRegistry, cơ chế upgrade và lifecycle; làm kb-task-card an toàn khi detach, reconnect, di chuyển hoặc đổi document.
-
Build Chrome Extensions · Part 4 — Content Scripts
Inject JavaScript and CSS into web pages: match patterns, run_at timing, the isolated world, injecting your own UI, and the gotchas of touching someone else’s DOM. With an interactive injection lab.
-
Observer APIs deep dive — MutationObserver, ResizeObserver và họ hàng trong browser
Đào sâu Observer pattern trong browser: MutationObserver theo dõi DOM, ResizeObserver bắt resize, IntersectionObserver, PerformanceObserver, ReportingObserver — concept, use case production, pitfall, memory cleanup.
-
Event Delegation & DOM Performance — Propagation, Batching, and Layout Thrashing
Senior guide to event delegation with closest(), addEventListener options, DocumentFragment batching, read/write separation, and when virtualization wins.