鍍金池/ 問答/HTML5  Java  HTML/ 關(guān)于數(shù)據(jù)懶加載問題

關(guān)于數(shù)據(jù)懶加載問題

目前的方案是數(shù)據(jù)在頁面加載完后全部由后端渲染到前端頁面,但是這樣速度慢,也容易造成卡頓。用戶體驗(yàn)不是很好,目前想使用前端進(jìn)行懶加載,那么前端如何操作呢?

回答
編輯回答
清夢(mèng)

后端渲染并不慢的,而且其實(shí)請(qǐng)求會(huì)少。
比如你做一個(gè)門戶頁面時(shí)候,如果用前端端渲染,請(qǐng)求header的nav-tree、頁面靜態(tài)資源例如輪播的圖片、頁面data...用組件來掛載也是多個(gè)異步請(qǐng)求之后再進(jìn)行render的,而用服務(wù)器端渲染時(shí),服務(wù)器只用把渲染好的page返回(一次)給前端來渲染,各有利弊吧。

2018年2月20日 11:11
編輯回答
獨(dú)白

懶加載可以在需要顯示圖片的時(shí)候,才下載圖片,所以可以減少服務(wù)器的壓力,避免不必要的資源下載,在頁面載入的時(shí)候?qū)㈨撁嫔系膇mg標(biāo)簽的src指向一個(gè)站位的圖片(都是一模一樣圖片方便緩存), 把真實(shí)地址存放在一個(gè)自定義屬性中,這里我用data-src來存放,例如:

<img src="loading.gif" data-src="http://xxx.ooo.com&quot; />

然后獲取img標(biāo)簽 當(dāng)圖片出現(xiàn)在可視區(qū)域的時(shí)候(和按需加載判斷的方法是一樣的) 那么就把真實(shí)的src地址給賦值上

2017年4月12日 17:14
編輯回答
貓小柒

懶加載核心就是分布請(qǐng)求啊
剩下了就是分布請(qǐng)求的時(shí)間點(diǎn)
以及后端有沒有分布請(qǐng)求的接口

2017年7月7日 16:37
編輯回答
離人歸

據(jù)我理解比如這樣:
首次取10條,檢測(cè)滾動(dòng)條的位置,當(dāng)滾動(dòng)條滾動(dòng)到最底端的時(shí)候,再用ajax請(qǐng)求10條記錄.

2018年2月22日 09:44
編輯回答
還吻

通過一些事件來觸發(fā) 比如說onclick onchange 都可以啊

2018年9月22日 01:58