第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

列表動(dòng)態(tài)顯示固定行數(shù)和使用虛擬dom,哪一種的性能提高更多?

列表動(dòng)態(tài)顯示固定行數(shù)和使用虛擬dom,哪一種的性能提高更多?

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

1 回答

?
慕桂英546537

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊

有很多優(yōu)化的手段

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

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

你說(shuō)的利用滾動(dòng)事件,沒(méi)太明白是什么意思,是滾動(dòng)到底部自動(dòng)加載新數(shù)據(jù)嗎,這樣每次更新的DOM應(yīng)該非常少,不知道你怎么做的


查看完整回答
反對(duì) 回復(fù) 2019-01-23
  • 1 回答
  • 0 關(guān)注
  • 429 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)