Was passiert, wenn Sie die URL über den Browser eingeben, bis die Seite geladen wird? Dies ist eine sehr klassische Interviewfrage. Sie können das Grundwissen eines Web-Front-End-Ingenieurs erlernen. Als Frontend mit einer sehr tiefen Haltung habe ich viele Leute während der Interviews gefragt und wurde auch von vielen Leuten gefragt. Jetzt sortiere es aus.
Stellen Sie den Elefanten in den folgenden Schritten in den Kühlschrank:
1. DNS-Auflösung (was sagen Sie? Verstehen Sie nicht, übersetzen Sie es!)
2. TCP-Verbindung (dreimalige Handshake-Bestätigung, Sicherheitsüberprüfung.)
3. Der Client sendet eine HTTP-Anfrage (ordnen Sie die Artikel mit klarer Struktur, Anforderungszeile, Anforderungsheader und Anforderungshauptteil an).
4. Der Server akzeptiert die Anforderung und gibt eine Antwortnachricht zurück (Hallo, Kunde, Antwort an Sie, Statuscode, Antwortheader, Antwortnachricht).
5. Browser-Parsing- und Rendering-Seite (DOM-Baum-Parsing (HTML), CSSOM-Baum-Parsing, Generieren eines Rendering-Rendering-Baums, Layout-Layout, Zeichnen)
6. Beenden Sie die Verbindung
Es wurde festgestellt, dass der fünfte Schritt des Schließens des Elefanten im Kühlschrank sehr zeitaufwändig ist. Optimieren Sie ihn und stellen Sie ihn ein:
1. DOM (html) -Optimierung (statische Ressourcen verwenden CDN-Cache; reduzieren Sie die Dom-Ebene, verschachteln Sie nicht zu tief; Bildkomprimierung, Zusammenführen.)
2. CSS-Optimierung (verfeinerte öffentliche Stile; Benennung von Selektorspezifikationen; Vermeiden von Inline-Stilen;)
3. JS-Optimierung (JS-Dateien werden am Ende der Seite geladen; JS-Dateien zusammenführen, um http-Anforderungen zu reduzieren; Verzögerung beim Laden verzögern; asynchrones Laden asynchron; dynamisches Laden von Skript-Tags erstellen;)