71 lines
1.0 KiB
Markdown
71 lines
1.0 KiB
Markdown
---
|
|
title: Layout thrashing
|
|
category: HTML
|
|
---
|
|
|
|
### Things that cause invalidation
|
|
|
|
Element
|
|
|
|
clientHeight
|
|
clientLeft
|
|
clientTop
|
|
clientWidth
|
|
focus
|
|
getBoundingClientRect
|
|
getClientRects
|
|
innerText
|
|
offsetHeight
|
|
offsetLeft
|
|
offsetParent
|
|
offsetTop
|
|
offsetWidth
|
|
outerText
|
|
scrollByLines
|
|
scrollByPages
|
|
scrollHeight
|
|
scrollIntoView
|
|
scrollIntoViewIfNeeded
|
|
scrollLeft
|
|
scrollTop
|
|
scrollWidth
|
|
|
|
MouseEvent
|
|
|
|
layerX
|
|
layerY
|
|
offsetX
|
|
offsetY
|
|
|
|
Window
|
|
|
|
getComputedStyle
|
|
scrollBy
|
|
scrollTo
|
|
scrollX
|
|
scrollY
|
|
|
|
Frame, Document & Image
|
|
|
|
height
|
|
width
|
|
|
|
jQuery
|
|
|
|
$.fn.offset
|
|
$.fn.offsetParent
|
|
$.fn.position
|
|
$.fn.scrollLeft
|
|
$.fn.scrollTop
|
|
$.fn.css('...')
|
|
$.fn.text('...')
|
|
$(':hidden')
|
|
$(':contains')
|
|
|
|
### Reference
|
|
|
|
* http://www.kellegous.com/j/2013/01/26/layout-performance/
|
|
* https://gist.github.com/desandro/4657744
|
|
*
|
|
http://stackoverflow.com/questions/17199958/why-does-setting-textcontent-cause-layout-thrashing
|