實驗:使用有限的dom實現(xiàn)滾動
過程:
代碼其實超級簡單哑了,只需要使用兩個數(shù)組赘方,分別存放待使用的dom以及正在使用的dom弱左。
代碼在reuse_dom
實驗結(jié)果:
通過增加dom實現(xiàn)滾動
通過替換內(nèi)容實現(xiàn)滾動
可以看出,在大量滾動內(nèi)容的情況下跳夭,使用模擬滾動scripting時間較長,但是render時間大大減少币叹,因為只是替換內(nèi)容贩汉,而不是增加dom
實驗:使用有限的dom實現(xiàn)滾動
過程:
代碼其實超級簡單哑了,只需要使用兩個數(shù)組赘方,分別存放待使用的dom以及正在使用的dom弱左。
代碼在reuse_dom
實驗結(jié)果:
可以看出,在大量滾動內(nèi)容的情況下跳夭,使用模擬滾動scripting時間較長,但是render時間大大減少币叹,因為只是替換內(nèi)容贩汉,而不是增加dom