移動單頁面中有哪些好的辦法判斷所有圖片加載完成?

科技 未結(jié) 2 1449
manluhuayan
manluhuayan 2022-07-01 11:41

描述:由于用的是Vue + Vue-loader + Webpack的組件化方式,想到有些用戶的網(wǎng)絡(luò)差,圖片又有點(diǎn)大且多,所以不想讓用戶看到圖片加載的過程,想要在所有圖片還未加載出來之前一直顯示loading,所以想知道有哪些辦法可以先預(yù)加載圖片?

個(gè)人想到的解決辦法:是以一個(gè)div作為所有圖片的容器放在首頁中,然后在這個(gè)div里寫出所有耗時(shí)間長的圖片,手動解決,加上window.onload方法去解決。但這個(gè)方法有個(gè)不足之處就是自動寫路徑很麻煩,
不知道大家平時(shí)是怎么解決的,有沒有比較好的解決方案?

補(bǔ)充:所有圖片包括CSS中的背景圖

相關(guān)標(biāo)簽:
2條回答
  • 2022-07-01 12:05

    imagesloaded可以幫到你,就是批量給圖片綁事件,比如說圖片傳輸時(shí)要做什么,圖片崩了要做什么,圖片好了要做什么

    0 討論(0)
  • 2022-07-01 12:07

    src寫一個(gè)極小的圖片,data-src寫原圖。初次渲染的時(shí)候,就只有src。然后window.onload的時(shí)候,開始用data-src替換src

    0 討論(0)
提交回復(fù)
最新問題
美菲克Q6如何看衛(wèi)視 1
小米電視機(jī)的高端大屏產(chǎn)品靠譜嗎?10000元+不買三星索尼? 2
不懷孕去醫(yī)院該查什么 1
嗶哩嗶哩tv版客戶端怎么關(guān)彈幕 4
vidaa和酷開那個(gè)防藍(lán)光好 1
輸卵管堵塞治療兩側(cè)方法 1
月經(jīng)過后右側(cè)小腹隱痛 1
極米z6x家用投影儀說明書? 1
山東齊魯醫(yī)院做試管,2個(gè)胚胎養(yǎng)囊成功率高嗎? 1
精液形態(tài)分析正常精子12個(gè)異常192 1
猜你喜歡
孝感做三代試管嬰兒助懷孕高齡嬰兒要多少錢?費(fèi)用花銷看這里!
試管嬰兒那個(gè)醫(yī)院好,如何降低費(fèi)用!
上海助孕不用等試管醫(yī)院推薦,附費(fèi)用明細(xì)清單!
遼寧試管私人醫(yī)院?費(fèi)用明細(xì)看這里!
荊門三代試管比較好的私立醫(yī)院可靠嗎,附醫(yī)保報(bào)銷比例!
江西試管三代成功率高的醫(yī)院排行榜前十,江西哪些試管醫(yī)院值得一看
長春私立三代試管嬰兒醫(yī)院有哪些!費(fèi)用九萬夠不夠!
什么情況下需要做三代試管嬰兒!總的費(fèi)用明細(xì)!
睪酮的作用與功效能提高試管成功率嗎!內(nèi)含費(fèi)用!
佛山私立三代試管醫(yī)院有哪些!費(fèi)用4萬夠嗎?
熱門文章
泰國試管比較厲害的醫(yī)院排名參考,排名不分先后
深圳做試管嬰兒的費(fèi)用曝光,附省錢攻略
廣州正規(guī)的助孕公司是哪家?
泰國試管比較厲害的醫(yī)院匯總 這家醫(yī)院竟上榜了
醫(yī)院推薦!山東第三代試管嬰兒醫(yī)院成功率排名
天津做三代試管就去這幾家私立醫(yī)院,附2025最全名單
2025赴泰國做試管嬰兒的真實(shí)感受
在福州找私立機(jī)構(gòu)做試管嬰兒成功率怎么樣?推薦幾家靠譜醫(yī)院
泰國試管醫(yī)院排名前十的有哪些?排名靠前醫(yī)院名單更新
赴泰國做試管嬰兒大概費(fèi)用
四川試管選哪家:四川做試管的醫(yī)院排名
孕媽分享|上饒?jiān)嚬苤泄究傎M(fèi)用是多少,在全國排第幾
答疑篇|2025廈門做試管成功率比較高的醫(yī)院預(yù)約流程
咨詢熱點(diǎn):仁濟(jì)多囊試管成功率高嗎,仁濟(jì)多囊試管成功率高嗎多少
須知|昆明找私人機(jī)構(gòu)做試管費(fèi)用明細(xì)表分享
格魯吉亞做試管是否要結(jié)婚證單身去格魯吉亞做試管證件
最不上火的奶粉排行榜出爐,飛鶴不便秘比較好消化
2024年武漢試管哪個(gè)醫(yī)院**,權(quán)威排名與最新數(shù)據(jù)分析
中山一院做三代試管嬰兒怎么樣?費(fèi)用明細(xì)一覽
【龍鳳】龍鳳是怎么形成的
廣告合作方 廣告申請