Skip to content

Category / DOM · Events · Rendering · Storage

Browser labs

The platform underneath the framework: the DOM, event propagation, the rendering pipeline and storage.

Browser / Rendering

Browser Rendering Pipeline

Walk DOM, style, layout, paint and composite, and see which property changes skip which stages.

Beginner~10 min
  • rendering
  • layout
  • paint
Browser / Events

Event Propagation

Click through an interactive DOM tree and trace capture, target and bubble phases node by node.

Beginner~8 min
  • dom
  • events
  • bubbling