移動端列表無限滾動,數據太多引起頁面卡頓如何做性能優化


移動端長列表性能優化如何做?下拉加載一直會向頁面中填充數據,dom太多頁面太卡咋辦?

 

 滾動數據太多是因為列表的DOM節點樹太多導致。可以從減少列表中的DOM節點數量下手,比如實現一個虛擬列表或者用第三方組件,或者使用CANVAS直接繪制列表效果。關於DOM虛擬列表實現可以給點思路給你,10000個列表元素只創建可見區域10條的DOM節點。然后使用CSS定位固定列表元素垂直位置。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM