移動(dòng)端，預(yù)加載進(jìn)度實(shí)現(xiàn)

https://github.com/chenyinkai... 可以試一下這個(gè)，有什么問(wèn)題可以直接問(wèn)

例如 這種

$(function() {
    var $elem =  $('img')
    var lg = $elem.length
    var num = 0
    $elem.load(function () {
      console.log(++num / lg)
    })
    
})

判斷圖片是否加載完成使用圖片的complete屬性，進(jìn)度可以在通過(guò)判斷加載完成的圖片數(shù)量在頁(yè)面中圖片總數(shù)量的比來(lái)增加

如果你是 H5 這種特別可控的項(xiàng)目，可以事先計(jì)算出來(lái)所有資源的體積然后通過(guò)偵聽(tīng)每個(gè)加載進(jìn)度來(lái)呈現(xiàn)進(jìn)度，比如用 preload.js。我有一個(gè)項(xiàng)目也是這么做的：悟空傳 H5。

平時(shí)其它類型的項(xiàng)目，比如 SF 客戶端，這樣做比較麻煩，主要問(wèn)題是你很難判定要加載的總資源的體積，或者實(shí)在沒(méi)有必要。

等圖片加載完了再顯示頁(yè)面？
兄弟那你的客戶得都跑了
不如來(lái)一個(gè)占位符圖片預(yù)先家在，再等當(dāng)前圖片加載了替換掉

精確的進(jìn)度不好控制的，你可以給一個(gè)提示在加載就好了
如一個(gè)轉(zhuǎn)動(dòng)的圈，進(jìn)度條不停的滾動(dòng)等

給每個(gè)圖片都注冊(cè)onload事件，每個(gè)圖片加載結(jié)束之后給全局的count加一，當(dāng)count等于img標(biāo)簽的數(shù)量的時(shí)候顯示頁(yè)面，這樣的話也可以計(jì)算百分百