Open tanxukun opened 2 years ago
window location history screen document navigator
window.top表示当前窗口的顶层窗口对象 window.parent 表示当前窗口的父级窗口对象
IE: Trident FireFox: Gecko Safari: Webkit Chrome/Opera: Blink
回流(reflow)和重绘(repaint)是浏览器渲染过程中的两个重要概念。它们都是由于DOM的变化或样式的改变引起的,但它们产生的原因和影响是不同的。
回流是指当DOM的尺寸、结构或布局发生变化时,浏览器重新计算元素的几何属性(比如位置、大小、布局等)和页面的布局,并重新绘制受影响的部分。回流是相对昂贵的操作,因为它会触发浏览器重新计算元素的几何属性和页面的布局,然后进行重绘。 回流会导致整个渲染流程中的多个阶段被执行,包括计算样式、构建布局树、布局、绘制等。因此,如果频繁触发回流操作,会导致页面性能下降,特别是在复杂的DOM结构和布局场景下。
重绘是指当DOM的样式发生变化,但并不影响布局时,浏览器会重新绘制受影响的部分,而不会重新计算元素的几何属性和页面的布局。重绘的开销相对较小,因为它只涉及元素的外观样式的改变,不需要重新计算布局。 重绘操作通常发生在回流之后,浏览器根据最新的样式信息重新绘制元素的外观。由于重绘不涉及布局的计算,所以比回流的性能开销要小得多。
全称 HyperText Markup Language
元素类型
属性