淺談重繪和回流的解析
目錄
- 重繪和回流:
- 關于字體顏色的設置:
- 關于替代:
- 關于操作html:
重繪和回流:
repaint(重繪) ,repaint發生更改時,元素的外觀被改變,且在沒有改變布局的情況下發生,如改變outline,visibility,background color,不會影響到dom結構渲染。
reflow(渲染),與repaint區別就是他會影響到dom的結構渲染,同時他會觸發repaint,他會改變他本身與所有父輩元素(祖先),這種開銷是非常昂貴的,導致性能下降是必然的,頁面元素越多效果越明顯。
關于字體顏色的設置:
CSS沒有 text-color
以及font-color
,有background-color
給文字設置顏色只能color
關于替代:
HTML5 是作為Flash的替代技術出現,只有HTML5能干掉flash和silverlight,而不是canvas
關于操作html:
createdocumentfragment()
方法創建了一虛擬的節點對象,節點對象包含所有屬性和方法。
當你想提取文檔的一部分,改變,增加,或刪除某些內容及插入到文檔末尾可以使用createDocumentFragment()
方法。
你也可以使用文檔的文檔對象來執行這些變化,但要防止文件結構被破壞,createDocumentFragment()
方法可以更安全改變文檔的結構及節點。
估計是因為createDocumentFragment()
方法可以更安全改變文檔的結構及節點
到此這篇關于淺談重繪和回流的解析的文章就介紹到這了,更多相關重繪和回流內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!