Browser Events and Event Delegation Cheat Sheet
Handle browser events with predictable propagation, scalable delegation, cancellable defaults, abortable listeners, and shadow-DOM-aware event paths.
Open cheat sheetHTML · 9 guides
DOM and Lifecycle
Work with document nodes, browser events, observers, navigation, and timing.
Focused references
DOM and Lifecycle cheat sheets
Each guide includes copy-ready syntax, detailed examples, and authoritative references.
Document Lifecycle and Page Visibility Cheat Sheet
Initialize at the right readiness state, pause hidden-page work, restore from the back-forward cache, and send final state without blocking navigation.
Open cheat sheetDOM Selection and Range API Cheat Sheet
Create DOM ranges, inspect user selections, replace or clone selected content, measure fragments, and handle form controls and shadow roots correctly.
Open cheat sheetDOM Traversal and Manipulation Cheat Sheet
Select, traverse, create, move, replace, clone, and remove DOM nodes with safe construction patterns and predictable collection behavior.
Open cheat sheetHTML Templates, Slots, and Custom Elements Cheat Sheet
Build reusable DOM fragments and web components with template, slot, custom elements, shadow roots, lifecycle callbacks, and safe cloning.
Open cheat sheetHTML URL, History, and Navigation APIs Cheat Sheet
Parse and validate URLs, edit query strings, manage fragments and session history, and progressively enhance navigation without breaking browser controls.
Open cheat sheetMutation, Intersection, and Resize Observers Cheat Sheet
Observe DOM mutations, viewport intersections, and element size changes with precise delivery timing, bounded callbacks, and reliable lifecycle cleanup.
Open cheat sheetPerformance Timing and Observers Cheat Sheet
Measure navigation, resources, user flows, rendering, and responsiveness with PerformanceObserver while controlling overhead and data exposure.
Open cheat sheetWeb Animations API Cheat Sheet
Create, coordinate, inspect, and clean up script-driven animations with keyframes, timing controls, promises, accessibility, and compositing.
Open cheat sheet