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