原來(lái)打開商品詳情大概順序是:
①點(diǎn)擊列表某個(gè)商品(傳值商品id)
②跳轉(zhuǎn)到商品詳情頁(yè)面(這里有個(gè)原生的頁(yè)面切換動(dòng)效)
③根據(jù)傳過(guò)來(lái)的id請(qǐng)求商品數(shù)據(jù)(差不多有0.5s-3s左右白屏時(shí)間獲取數(shù)據(jù) ,具體看服務(wù)器寬帶。然后再顯示到頁(yè)面)
優(yōu)化后打開商品詳情頁(yè)大概順序是:
①點(diǎn)擊列表某個(gè)商品,同時(shí)立刻請(qǐng)求對(duì)應(yīng)id的商品詳情(這里做個(gè)0.2s左右的點(diǎn)擊動(dòng)效(也可以不要點(diǎn)擊動(dòng)效),再把請(qǐng)求到數(shù)據(jù)放到本地緩存 或者 全局app)
②跳轉(zhuǎn)到商品詳情(這里有個(gè)原生的頁(yè)面切換動(dòng)效)
③直接獲取剛才緩存數(shù)據(jù)顯示到頁(yè)面(面瞬間顯示,無(wú)白屏)
?
**ps:
**0.2s左右動(dòng)效+原生的頁(yè)面切換動(dòng)畫的時(shí)間,足以把數(shù)據(jù)緩存下來(lái),等跳轉(zhuǎn)到詳情頁(yè)面幾乎就瞬間打開了!
@CRMEB-Java ? @CRMEB-Pro技術(shù) ? @CRMEB-LXT ? @CRMEB-UI ? @crmeb-小小 ? @CRMEB-管理員 ?