javascript – Page 29 – Türker Yıldırım

The virtual DOM is a diff, not a speed trick

NoteMarch 12, 20143 min read

The claim that React is fast because of the virtual DOM has the causation backwards. Rendering a component tree into a JavaScript object graph and diffing it against…

Show a custom checkbox without a JavaScript plugin

SnippetMarch 11, 20142 min read

Update the query string without reloading the page

SnippetMarch 7, 20141 min read

Detach a node before a heavy DOM edit, then put it back

NoteMarch 6, 20142 min read

Appending 400 rows to a table one at a time makes the browser invalidate layout after each insertion, because each one changes a tree that is still being…

translate3d is composited; top and left are not

NoteJanuary 17, 20142 min read

An off-canvas menu animated with left stutters on a phone and the same menu animated with transform does not. The usual explanation — “it uses the GPU” —…

Scroll to an element smoothly with jQuery

SnippetNovember 9, 20131 min read

Style a placeholder across browsers

SnippetOctober 31, 20131 min read

Vertically centre a block of unknown height

SnippetOctober 30, 20131 min read

$.ajax returns a jqXHR and it behaves like a promise

NoteOctober 24, 20132 min read

$.ajax takes success and error options, so most code passes callbacks in and stops there. It also returns a jqXHR, which has implemented the Deferred interface since 1.5…

Delegating every event to document has a cost

NoteOctober 22, 20132 min read

Delegating to document is the version of event delegation that always works, so it becomes the default. Thirty handlers later, every click anywhere on the page walks the…