手机看片AV永久免费|99久久久国产精品无码|久久精品国产亚洲AV麻豆图片|在线观看国产亚洲视频免费

400-089-6678

首頁(yè)-新聞資訊 > 互聯(lián)網(wǎng)知識
互聯(lián)網(wǎng)知識 營(yíng)銷(xiāo)推廣 企業(yè)動(dòng)態(tài) 行業(yè)動(dòng)態(tài)

瀏覽器重繪域重排有什么不樣的展示?

來(lái)源:www.hfjtr.cn   發(fā)布時(shí)間:2021-11-04 14:31:26  瀏覽:0
重排: 部分渲染樹(shù)或整個(gè)渲染樹(shù)需要重分析且節點(diǎn)尺寸需要重計算,表現為重生成布局,重排列元素
重繪: 由于節點(diǎn)的幾何屬性發(fā)生改變或樣式改變,例如元素背景元素,表現為某些元素的外觀(guān)被改變
重繪不定導致重排,但重排定繪導致重繪
如何觸發(fā)重繪和重排?
任何改變用來(lái)構建渲染樹(shù)的信息都會(huì )導致次重排或重繪:
添加、刪除、更DOM節點(diǎn)
通過(guò)display: none隱藏個(gè)DOM節點(diǎn)-觸發(fā)重排和重繪
通過(guò)visibility: hidden隱藏個(gè)DOM節點(diǎn)-只觸發(fā)重繪,因為沒(méi)有幾何變化
濟南網(wǎng)絡(luò )公司
移動(dòng)或者給頁(yè)面中的DOM節點(diǎn)添加動(dòng)畫(huà)
添加個(gè)樣式表,調整樣式屬性
用戶(hù)行為,例如調整窗口大小,改變字號,或者滾動(dòng)。
如何避免重繪或重排?
集中改變樣式:比如使用class的方式來(lái)集中改變樣式
使用document.createDocumentFragment():我們可以通過(guò)createDocumentFragment創(chuàng )建個(gè)游離于DOM樹(shù)之外的節點(diǎn),然在此節點(diǎn)上批量操作,插入DOM樹(shù)中,因此只觸發(fā)次重排
提升為合成層
將元素提升為合成層有以下優(yōu)點(diǎn):
合成層的位圖,會(huì )交由 GPU 合成,比 CPU 處理要快
當需要repaint 時(shí),只需要 repaint 本身,不會(huì )影響到其他的層
對于 transform 和 opacity 效果,不會(huì )觸發(fā) layout 和 paint
本文的內容是由濟南網(wǎng)絡(luò )公司給您提供,我們專(zhuān)注客戶(hù)需求,不斷的發(fā)展,為客戶(hù)提供更多的服務(wù),詳情可參考我們的網(wǎng)站:http://www.hfjtr.cn
相關(guān)新聞
2019-11-14
恭喜微道商網(wǎng)站上線(xiàn)!
電話(huà):15508684333服務(wù)熱線(xiàn):0531-88193332
2020-05-18
奔跑的我們--致激情,奮進(jìn),向上的精英們!
夏季已經(jīng)到來(lái)了,伴隨著(zhù)午的涼爽的小風(fēng),在公司忙碌的我們也結束了周的工作,來(lái)到了戶(hù)外的操場(chǎng)上,相聚在起,來(lái)場(chǎng)夏季的奔跑運動(dòng)活動(dòng),來(lái)放
2019-11-26
怎樣做網(wǎng)站圖片SEO優(yōu)化更有效大家知道嗎?
從不斷摸索中我們可以看出對圖片的權重比以前高了,圖像優(yōu)化變得非常重要。濟南網(wǎng)絡(luò )公司這里有8個(gè)你可能不知道的圖像優(yōu)化技巧?! ?
2020-06-04
2020年Technical SEO的核心是什么?
Technical SEO大家知道它的中文翻譯是什么意思嗎?技術(shù)搜索引擎優(yōu)化---顧名思義,就是利用技術(shù)來(lái)達到優(yōu)化的效果,這樣的優(yōu)化的特性是比較
2020-05-27
每年的5.6月份是seo難熬的月份你相信嗎?
今天是2020年的5月27日,眼看著(zhù)5月份馬上就要結束了,這個(gè)月份所有的seo們有沒(méi)有感到絲絲的涼意,為什么小編會(huì )這樣問(wèn)呢?原因很簡(jiǎn)單,明明月
2020-05-20
直播是帶貨神器--只要開(kāi)通就能賣(mài)貨?
雖然現在疫情的情況已經(jīng)在慢慢的消退,但是這場(chǎng)疫情的持久戰還是不可輕易掉以輕心的,對于國內的企業(yè)來(lái)講,疫情所帶來(lái)的有的是機遇,有的是

截屏,微信識別二維碼