因?yàn)椴糠中枨螅ǜ鷵Q頭像,切換輪播圖等等)改變圖片或者本地上傳新圖片,會(huì)導(dǎo)致圖片緩存問(wèn)題,從而達(dá)不到預(yù)期效果,還是加載原圖片
查找了一些資料,總結(jié)出2個(gè)步驟:
1.在圖片的路徑的后面拼接 ‘?內(nèi)容’ 解決,具體如下
(1)在圖片src路徑后面加上時(shí)間戳,使瀏覽器(移動(dòng)端設(shè)備)認(rèn)為每次加載的不是同個(gè)圖片。
例子:
timestamp(url) { let getTimestamp = new ?Date().getTime(); url= url + "?timestamp=" + getTimestamp return url }
表示不要緩存數(shù)據(jù)
以上是解決方法:大家視情況使用
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/116976.html
因?yàn)椴糠中枨螅ǜ鷵Q頭像,切換輪播圖等等)改變圖片或者本地上傳新圖片,會(huì)導(dǎo)致圖片緩存問(wèn)題,從而達(dá)不到預(yù)期效果,還是加載原圖片查找了一些資料,總結(jié)出2個(gè)步驟: 1.在圖片的路徑的后面拼接 ‘?內(nèi)容’ 解決,具體如下 (1)在圖片src路徑后面加上時(shí)間戳,使瀏覽器(移動(dòng)端設(shè)備)認(rèn)為每次加載的不是同個(gè)圖片。 例子: timestamp(url) { let getTimestamp ...
摘要:例如,將獲得最高優(yōu)先級(jí),而將獲得低優(yōu)先級(jí)或中優(yōu)先級(jí)。不帶屬性的的優(yōu)先級(jí)將會(huì)等同于異步請(qǐng)求。對(duì)使用屬性,不然將不會(huì)從中獲益。因此,在標(biāo)記中聲明以被掃描器掃描。 這是 Web 性能優(yōu)化的第 6 篇,上一篇在下面看點(diǎn)擊查看: Web 性能優(yōu)化:使用 Webpack 分離數(shù)據(jù)的正確方法 Web 性能優(yōu)化:圖片優(yōu)化讓網(wǎng)站大小減少 62% Web 性能優(yōu)化:緩存 React 事件來(lái)提高性能 We...
摘要:簡(jiǎn)言之,我們認(rèn)為好的用戶體驗(yàn)從快速的內(nèi)容傳輸開始,也就意味著性能美觀。每一步我們都在探討如何在獲得好的用戶體驗(yàn)和保證設(shè)計(jì)美感的同時(shí),最小化對(duì)性能的影響。字型子集設(shè)定到目前為止,子集設(shè)定是改善網(wǎng)頁(yè)字體性能最快的方式。 作者 Declan 原文鏈接 最近更新了我們的網(wǎng)站,它是經(jīng)過(guò)了設(shè)計(jì)上的全面驗(yàn)收的。但實(shí)際上,作為軟件開發(fā)者,我們會(huì)注重很多技術(shù)相關(guān)的零碎的東西。我們的目標(biāo)是控制性能,注重性...
閱讀 878·2021-10-13 09:39
閱讀 3531·2021-09-26 10:16
閱讀 2861·2019-08-30 15:54
閱讀 1037·2019-08-30 14:22
閱讀 2886·2019-08-29 15:39
閱讀 3253·2019-08-27 10:52
閱讀 809·2019-08-26 13:59
閱讀 1703·2019-08-26 12:20