javascript - Wie stellt JS fest, dass alle Ressourcen auf der Seite geladen wurden?

Question

Erstellen Sie einen Fortschrittsbalken, der nach dem Laden 100 % anzeigt. Wie kann festgestellt werden, dass der Ladevorgang abgeschlossen ist?

Answer 1

假加载 一般是通过加随机数来加载，最多加到99，等全部资源加载完毕后，变成100。

Answer 2

需要有个资源池 对象

{
    js: [a.js,b.js],
    img:[c.png, d.jpg],
    css:[e.css]
}

对文件进行预加载， 并且监听 onload 事件，触发回调
统计总文件数： all_files 当前 cur_files
百分比数：percent = all_files , cur_files.

有现成的 加载库~ 去 github 上找一下。