What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

remarkablemark / how-to-add-image-to-gist.md

Last active July 24, 2025 12:16

How to add an image to a gist: https://remarkablemark.org/blog/2016/06/16/how-to-add-image-to-gist/

How to add an image to a gist

Create or find a gist that you own.

Clone your gist (replace <hash> with your gist's hash):

# with ssh
git clone [email protected]:<hash>.git mygist

# with https

git clone https://gist.github.com/.git mygist

rauschma / scope-and-closure.md

Last active September 4, 2018 06:44

The scope of a variable is the region of the program in which you can directly access the variable:

if (true) {
  let x = 123;
}

Here, the scope of x is the then-block of this if-then-else statement.

rauschma / api-cheatsheet-array.md

Last active April 11, 2023 21:31

This content moved here: https://exploringjs.com/impatient-js/ch_arrays.html#quickref-arrays

rauschma / vscode favorite shortcuts.md

Last active April 17, 2022 11:00

Visual Studio Code shortcuts I use often

Navigation

Sidebar:

Cmd-Shift-F: search
Cmd-Shift-E: files

Navigating in current editor:

OlderNewer