javascript - Wie würden Sie das Problem lokalisieren, wenn eine Seite nach dem Öffnen leer ist? Wenn es sich nicht um ein Netzwerk- oder Serverproblem handelt, handelt es sich um ein Frontend-Problem. Wie findet man es?

Gerade habe ich eine Frage im Vorstellungsgespräch gesehen und wusste nicht, wie ich sie beantworten sollte. Ich weiß nicht, was alle denken. Vielen Dank.

Antwortinhalt:

Gerade habe ich eine Frage im Vorstellungsgespräch gesehen und wusste nicht, wie ich sie beantworten sollte. Ich weiß nicht, was alle denken. Vielen Dank.

Überprüfen Sie den von der Seite zurückgegebenen Statuscode in den Browser-Entwicklertools. Wenn es sich um einen Serverfehler handelt, können Sie im Fehlerprotokoll des Webservers nachsehen, wo der Fehler liegt 200 und die Rückgabe ist erfolgreich. Gibt es unten eine Fehlermeldung, um festzustellen, ob ein Problem mit dem js vorliegt? Natürlich können Sie auch den Quellcode der Seite überprüfen Die Möglichkeit, das Problem zu entdecken, ist unwahrscheinlich

1.Frontend-Analyse: Öffnen Sie das Chrome-Entwicklungstool, zeichnen Sie den http[s]-Prozess auf, dann erhalten Sie den http-Statuscode;
2.Backend-Analyse: grep nginx-Fehlerprotokoll oder Zugriffsprotokoll, grep das Unerwartete http-Anfrage, dann hol es dir.

JS blockiert?
Wenn externe js in

eingeführt werden und die Ausführungszeit lang ist, sollte die Seite zu diesem Zeitpunkt leer sein. Die Seite, also der , kann erst angezeigt werden, wenn die externe Datei in geladen und ausgeführt wird.

Überprüfen Sie den Ladestatus der Ressource, um festzustellen, ob ein Netzwerk- oder Serverproblem vorliegt. Überprüfen Sie, ob ein js-Fehler vorliegt und die Seite beim Laden hängen bleibt. Siehe den Quellcode der Seite.

Wenn es sich um ein Front-End-Problem handelt, gibt es viele Arten von Fehlern, z. B. Fehler beim Laden von Skripten, Probleme mit dem JS-Code usw. Wenn es sich um ein Problem beim Laden von Ressourcen handelt, sollte es in der Lage sein, es mithilfe der Browser-Entwicklertools zu erkennen und die richtige Lösung vorzuschreiben. Wenn es ein Problem im Code gibt, gibt es viele Lösungen. Try...catch ist eine relativ einfache und häufig verwendete Methode. Das ist alles was ich weiß.

Meine eigene Lösung, aber ich weiß nicht, ob sie als Antwort auf ein Vorstellungsgespräch geeignet ist. Bitte verzeihen Sie mir, wenn sie unangemessen ist.

---

1. Wenn ich es selbst geschrieben hätte, gäbe es zunächst eine Seite. Wenn ich nach dem Schreiben des Codes den Browser erneut aktualisiere und eine leere Seite angezeigt wird, kopiere ich den gesamten Code, den ich gerade geschrieben habe. und dann auf der Originalseite löschen und prüfen, ob es gut ist, überprüfen Sie den neuen Code und fügen Sie ihn dann in den Hauptcode ein.

2. Zweitens: Wenn Sie viel Code geschrieben haben und nicht wissen, wo das Problem liegt, öffnen Sie zunächst die Seite und prüfen Sie, ob die Tags vollständig sind, ob der Link im Kopfteil korrekt ist, ob die js Reihenfolge korrekt ist und ob ein Konflikt vorliegt.

3. Ich persönlich verwende beim Schreiben von JS zwei Browser: ff und Google. Wenn etwas schief geht, drücke ich F12, um zu sehen, ob die Konsole einen Fehler meldet. Normalerweise verwende ich console.log().alert(). zum Debuggen.