亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

列表動態顯示固定行數和使用虛擬dom,哪一種的性能提高更多?

列表動態顯示固定行數和使用虛擬dom,哪一種的性能提高更多?

手掌心 2018-12-05 18:15:38
項目中有一個非常大的列表,數據量達到1000行,而且30秒要更新一次數據,導致頁面非常的卡。最近在使用vue做優化,使用上了鼎鼎大名的虛擬dom,但是現在出來的效果并不是特別的理想。列表在更新時確實會比較快,但是由于dom還是很大,所以其他的操作依舊很慢,特別是重繪時間非常的長。于是又想到了,利用滾動事件,每次獲取固定數量的數據做展示,但是發現因為滾動時一直在做dom更新,加上虛擬dom的對比函數,滾動的效率特別的差。想問下大家,這兩者,到底哪一個的優化性能是比較好的,或者有什么方法能夠最大優化經常更新的又很大的列表。
查看完整描述

1 回答

?
慕桂英546537

TA貢獻1848條經驗 獲得超10個贊

有很多優化的手段

比如添加列表時,別一行一行的append,而是將所有列表的html拼接成字符串,然后用innerHTML添加到父容器中。

使用vue的話,最好用index作為每個li的key,然后不要直接替換掉整個數據數組,應該去更新數組中的值,這樣能保證最大的DOM重用

你說的利用滾動事件,沒太明白是什么意思,是滾動到底部自動加載新數據嗎,這樣每次更新的DOM應該非常少,不知道你怎么做的


查看完整回答
反對 回復 2019-01-23
  • 1 回答
  • 0 關注
  • 430 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號