淺談重繪和回流的解析
重繪和回流:
repaint(重繪) ,repaint發(fā)生更改時(shí),元素的外觀被改變,且在沒(méi)有改變布局的情況下發(fā)生,如改變outline,visibility,background color,不會(huì)影響到dom結(jié)構(gòu)渲染。
reflow(渲染),與repaint區(qū)別就是他會(huì)影響到dom的結(jié)構(gòu)渲染,同時(shí)他會(huì)觸發(fā)repaint,他會(huì)改變他本身與所有父輩元素(祖先),這種開(kāi)銷是非常昂貴的,導(dǎo)致性能下降是必然的,頁(yè)面元素越多效果越明顯。
關(guān)于字體顏色的設(shè)置:
CSS沒(méi)有 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)對(duì)象,節(jié)點(diǎn)對(duì)象包含所有屬性和方法。
當(dāng)你想提取文檔的一部分,改變,增加,或刪除某些內(nèi)容及插入到文檔末尾可以使用createDocumentFragment()
方法。
你也可以使用文檔的文檔對(duì)象來(lái)執(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
CSS網(wǎng)頁(yè)布局入門教程5:二列寬度自適應(yīng)
CSS網(wǎng)頁(yè)布局入門教程5:二列寬度自適應(yīng)...2007-09-09為什么要建立web標(biāo)準(zhǔn)與web標(biāo)準(zhǔn)的好處
為什么要建立web標(biāo)準(zhǔn)與web標(biāo)準(zhǔn)的好處...2007-03-03HTTP協(xié)議常用的請(qǐng)求頭和響應(yīng)頭響應(yīng)詳解說(shuō)明(學(xué)習(xí))
HTTP請(qǐng)求頭提供了關(guān)于請(qǐng)求,響應(yīng)或者其他的發(fā)送實(shí)體的信息。HTTP的頭信息包括通用頭、請(qǐng)求頭、響應(yīng)頭和實(shí)體頭四個(gè)部分。通常HTTP消息包括客戶機(jī)向服務(wù)器的請(qǐng)求消息和服務(wù)器向客戶機(jī)的響應(yīng)消息。2023-02-02CSS網(wǎng)頁(yè)布局入門教程3:一列固定寬度居中
CSS網(wǎng)頁(yè)布局入門教程3:一列固定寬度居中...2007-09-09