Je lisais un livre aujourd'hui et j'ai vu le chargement et l'exécution de HTML, CSS et JS. J'ai découvert que je ne le comprenais pas vraiment. J'ai cherché en ligne pendant une demi-heure et je n'arrivais toujours pas à le comprendre. À ce moment-là, j'ai trouvé un passage qui m'a soudainement fait comprendre: :
Processus de chargement et d'analyse de la page HTML
1 L'utilisateur entre l'URL (en supposant qu'il s'agit d'une page HTML). et c'est la première visite), le navigateur envoie une requête au serveur, et le serveur renvoie le fichier html.
2. Le navigateur commence à charger le code html et constate qu'il y a une balise dans la balise
3. Le navigateur envoie à nouveau une demande pour le fichier CSS et le serveur renvoie le fichier CSS.
4. Le navigateur continue de charger le code de la partie
et le fichier CSS a été obtenu et la page peut être rendue.5. Le navigateur trouve une balise dans le code qui fait référence à une image et envoie une requête au serveur. À ce stade, le navigateur n'attendra pas que l'image soit téléchargée, mais continuera à restituer le code suivant.
6. Le serveur renvoie le fichier image Étant donné que l'image occupe une certaine zone et affecte la disposition des paragraphes suivants, le navigateur doit revenir en arrière et restituer cette partie du code.
7. Le navigateur a trouvé une balise