JavaScript中怎么減少重繪和回流

小編給大家分享一下JavaScript中怎么減少重繪和回流，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機(jī)版的企業(yè)網(wǎng)站。實(shí)現(xiàn)跨屏營銷，產(chǎn)品發(fā)布一步更新，電腦網(wǎng)絡(luò)+移動網(wǎng)絡(luò)一網(wǎng)打盡，滿足企業(yè)的營銷需求！成都創(chuàng)新互聯(lián)具備承接各種類型的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)項(xiàng)目的能力。經(jīng)過十余年的努力的開拓，為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù)，并獲得了客戶的一致好評。

方法說明

（1）用transform代替top。

（2）用visibility換display：none，前者只引起重繪，后者引起回流。

（3）不要將節(jié)點(diǎn)的屬性值放在一個循環(huán)中作為循環(huán)中的變量。

（4）不要使用table布局。

（5）動畫實(shí)現(xiàn)的動畫速度越快，回流次數(shù)越多，也可以使用requestAnimationFrame。

（6）將頻繁重繪或回流的節(jié)點(diǎn)設(shè)置為圖層。

實(shí)例

for(var i = 0;i<=10;i++){
   var body = document.getElementsByTagName('body')[0]
   var h = body.offsetHeight;
}

看完了這篇文章，相信你對“JavaScript中怎么減少重繪和回流”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前標(biāo)題：JavaScript中怎么減少重繪和回流
轉(zhuǎn)載來于：http://muchs.cn/article34/jejipe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、響應(yīng)式網(wǎng)站、虛擬主機(jī)、企業(yè)建站、網(wǎng)站改版、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)