javascript - Comment js détermine-t-il que toutes les ressources de la page ont été chargées?

Question

Faites une barre de progression et elle sera à 100% après le chargement. Comment juger que le chargement est terminé ?

Answer 1

Le faux chargement est généralement effectué en ajoutant des nombres aléatoires, jusqu'à 99, et une fois toutes les ressources chargées, il devient 100.

Answer 2

Besoin d'un objet pool de ressources

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

Préchargez les fichiers, écoutez l'événement onload et déclenchez un rappel
Comptez le nombre total de fichiers : all_files current cur_files
Pourcentage : percent = all_files, cur_files.

Il existe une bibliothèque de chargement prête à l'emploi~ Allez sur github pour la trouver.