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

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

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

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

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

2條回答
  •  fengifeng
    fengifeng (樓主)
    2022-07-01 12:05

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

提交回復(fù)