前端頁面一次性渲染數(shù)據(jù)大,解決卡頓問題

情況說明:數(shù)據(jù)量大,前端頁面一次性渲染,出現(xiàn)卡頓和等待。

解決方法:
1.分頁加載。
2.使用requestAnimationFrame方法,或者setTimeout方法,循環(huán)多次每次少量加載數(shù)據(jù)。
3.使用虛擬滾動。借助虛擬滾動組件:vue-virtual-scroller。
具體操作步驟,參考:https://www.npmjs.com/package/vue-virtual-scroller

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容