鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 在PC端多頁(yè)面切換時(shí),一級(jí)導(dǎo)航菜單和二級(jí)導(dǎo)航菜單都是由后端接口返回,頁(yè)面閃爍得厲

在PC端多頁(yè)面切換時(shí),一級(jí)導(dǎo)航菜單和二級(jí)導(dǎo)航菜單都是由后端接口返回,頁(yè)面閃爍得厲害?

在PC端多頁(yè)面切換時(shí),一級(jí)導(dǎo)航菜單和二級(jí)導(dǎo)航菜單都是由后端接口返回,頁(yè)面閃爍得厲害,在除了單頁(yè)面外還有什么好的解決方法減少這種閃爍效果嗎?

補(bǔ)充說(shuō)明:

clipboard.png

回答
編輯回答
毀憶

先給其父級(jí)一個(gè)默認(rèn)樣式類(lèi) .nodata
通過(guò)這個(gè)給菜單一些默認(rèn)樣式,給個(gè)寬高啥的,淺色背景占位等。
拿到數(shù)據(jù)渲染完成把樣式去了,恢復(fù)實(shí)際樣式。

2018年3月18日 21:08
編輯回答
拮據(jù)

加載的慢有幾種原因?qū)е拢?br>1、HTML 文件載入慢,
2、異步獲取菜單信息慢,
3、渲染速度慢、
針對(duì)以上原因的對(duì)策:
1、多頁(yè)面間提高服用資源,使用緩存提高載入效率
2、將異步獲取菜單的請(qǐng)求提早發(fā)出,可以放在HTML 文件頭部。等dom ready后再執(zhí)行操作。
嘗試使用get請(qǐng)求緩存,提高效率,
3、dom元素過(guò)多導(dǎo)致重排重繪壓力大,建議使用異步加載,讓首屏加速顯示,多余部分可異步延時(shí)載入。

2018年3月29日 05:43
編輯回答
毀與悔

菜單項(xiàng)在多頁(yè)面切換變化大嗎,可以考慮把菜單數(shù)據(jù)放到sessionStorage

2017年6月20日 08:54