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

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

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

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

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

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

為什么呢？

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

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