Grundlegende Ideen zum Auffinden von Fehlern in der Web-Frontend-Entwicklung

Die WEB-Entwicklung besteht hauptsächlich aus zwei Interaktionen (B/S-Daten)

Browser:

1Enthält Fehler bei der Ausführung von Clientcodes wie HTML, CSS und JS.

Getriebeseite:

1. Fehler bei der Pfadeinführung, Einführung gängiger Plug-Ins (artDialog, Ztree, JQuery usw.), Bildpfade, Videopfade usw.

2 Die Dateien (JS, CSS, Bilder, Videos usw.) sind zu groß, was dazu führt, dass der Browser sie langsam analysiert und die Ladezeit zu lang ist. Diese Dateien können entsprechend komprimiert werden.

Server:

1 Dynamische Webseite – Fehler der Datenquelle (d. h. des Datenoperationsprogramms).

2 Datenfehler in der Datenbank oder Datei.

Einfaches Diagramm:

Gängige Methoden zur Fehlerbehandlung auf der Clientseite (gängiges Tool F12):

1. Klicken Sie zum Debuggen von HTML und CSS einfach auf den Pfeil (Sie können die Elementattribute anzeigen). Legen Sie zum Debuggen von JS im Allgemeinen Haltepunkte fest.

2. Cache-Ansammlung verursacht Fehler, leeren Sie den Cache.

3. Die Übertragung von Seitenwerten und die Anforderungsverarbeitung können Anforderungen und Antworten zwischen Seiten im Netzwerk erfassen.

4. Verarbeitung und Löschung von Cookies und Sitzungen.

Beachten:

[Rendering-Methode der Browser-Engine (am Beispiel des Internet Explorers):

1. Browser-Browsing-Modus, d. h. der Standard-Browser-Engine-Typ {IE7 6-Version ist IE7 6-Engine}

2. Dokument-Browsing-Modus, der eigentliche Parsing-Modus des Codes

{Sie können es manuell mit dem Code festlegen: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> Unabhängig von der IE-Version wird der HTML-Code von der IE7-Engine analysiert}

Das Obige ist meine Erfahrung beim Auffinden von Fehlern im Web-Frontend-Design. Mein Wissen ist begrenzt, also zögern Sie nicht, mir Ihren Rat zu geben, wenn es irgendwelche Lücken gibt.