1.4 KiB
1.4 KiB
| title | category | description | updated | weight | intro |
|---|---|---|---|---|---|
| Layout thrashing | HTML | 2017-10-19 | -1 | These are CSS properties that will cause "layout thrashing". Avoid changing them to prevent bottlenecks in your UI performance. |
Layout thrashing
{: .-one-column}
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 {: .-six-column}
MouseEvent
- layerX
- layerY
- offsetX
- offsetY {: .-six-column}
Window
- getComputedStyle
- scrollBy
- scrollTo
- scrollX
- scrollY {: .-six-column}
Frame, Document & Image
- height
- width {: .-six-column}
jQuery
- $.fn.offset
- $.fn.offsetParent
- $.fn.position
- $.fn.scrollLeft
- $.fn.scrollTop
- $.fn.css('...')
- $.fn.text('...')
- $(':hidden')
- $(':contains') {: .-six-column}