鍍金池/ 問答/Linux  HTML/ 天貓的商品列表頁渲染問題

天貓的商品列表頁渲染問題

clipboard.png

https://pages.tmall.com/wow/c...

鏈接如上，在調(diào)慢網(wǎng)速的時(shí)候有上面這個(gè)截圖的問題，頁面沒有數(shù)據(jù)。。

預(yù)先生成模板站位再填裝數(shù)據(jù)？？具體處理和機(jī)制是怎么個(gè)回事？？

回答
編輯回答
孤影

常說圖片懶加載，用本地默認(rèn)圖片和正式圖片切換的方式，數(shù)據(jù)也可以同樣的道理，默認(rèn)數(shù)據(jù)和真實(shí)數(shù)據(jù)的替換。

2017年10月4日 10:40
編輯回答
兮顏

請(qǐng)求數(shù)據(jù)是異步的，需要一定的時(shí)間，網(wǎng)速慢的時(shí)候這個(gè)時(shí)間就更久，為了在拿不到數(shù)據(jù)的時(shí)候讓頁面看起來正常一些，是需要一些寫死的模板數(shù)據(jù)存放著的，也就是截圖里看到的那樣，等異步請(qǐng)求完成再進(jìn)行數(shù)據(jù)的替換

2017年6月23日 05:30
編輯回答
兮顏

首先，你解決的情況的大前提是，數(shù)據(jù)從網(wǎng)絡(luò)中獲取。

于是你需要考慮網(wǎng)絡(luò)獲取數(shù)據(jù)，是一個(gè)異步過程，那么異步過程中如果現(xiàn)實(shí)白屏，那么用戶界面的展示會(huì)相當(dāng)?shù)牟挥押谩?/p>

于是出現(xiàn)了預(yù)先顯示的界面，也就是你現(xiàn)在說的沒有數(shù)據(jù)的界面。

為什么呢？

因?yàn)闊o論是網(wǎng)絡(luò)好，還是網(wǎng)絡(luò)差，其實(shí)你都不止渲染了一次界面。只是在網(wǎng)絡(luò)差的時(shí)候，這種情況可以被你觀察到，以為最新的界面數(shù)據(jù)返回的比較慢。

所以這里預(yù)先生成模板站位僅僅是請(qǐng)求數(shù)據(jù)還沒回來的時(shí)候，你填充默認(rèn)數(shù)據(jù)

2017年5月9日 18:38