Inhaltsverzeichnis
41. Objektprototyp (Prototyp) und Vererbung (Inheritance) in JavaScript.
43. Lebenszyklus-Hook-Funktionen in Vue und ihre Anwendungsszenarien.
44. Modul und Modullader in JavaScript.
45. Virtuelles DOM in React und seine Funktionen.
46. Garbage-Collection-Mechanismus und seine Implementierung in JavaScript.
47. Prototypkette in JavaScript und ihre Funktionen.
48. Die Call- und Apply-Methoden in JavaScript und ihre Unterschiede.
49. Was ist die Ereignisschleife (Event Loop) und ihre Rolle?
50. Was ist CORS (Cross-Domain Resource Sharing)? Wie gehe ich mit CORS-Cross-Domain-Anfragen um?
41. Objektprototyp ( Prototyp) und Vererbung ( Inheritance) in JavaScript .
Der Objektprototyp in JavaScript ist eine Möglichkeit, Objekte und Vererbungsbeziehungen zu beschreiben. Jedes Objekt verfügt über einen Prototyp. Das Prototypobjekt entspricht der Definition einer Reihe gemeinsamer Eigenschaften und Methoden für das Objekt. Vererbung bedeutet, dass Unterklassen die Eigenschaften und Methoden der übergeordneten Klasse über die Prototypenkette nutzen können. Es gibt viele Möglichkeiten der Vererbung in JavaScript, einschließlich Prototypkettenvererbung, Konstruktorvererbung, kombinierter Vererbung usw.
42. Browser-Caching-Mechanismus, einschließlich der spezifischen Implementierung von starkem Caching und ausgehandeltem Caching.
Der Browser-Caching-Mechanismus bezieht sich auf die Browser-Caching-Ressourcen oder Daten, die abgerufen wurden, um die Antwortgeschwindigkeit zu verbessern und den Netzwerkverkehr zu reduzieren.
Browser-Caching-Mechanismen werden in zwei Typen unterteilt: starkes Caching und ausgehandeltes Caching.
Starkes Caching bedeutet, dass der Browser bevorzugt Daten aus dem lokalen Cache erhält. Wenn sie im lokalen Cache vorhanden sind und nicht abgelaufen sind, wird der lokale Cache direkt verwendet, ohne Daten vom Server anzufordern.
Starkes Caching kann durch Festlegen des Antwortheaders „Expires“ oder „Cache-Control“ erreicht werden.
Ausgehandeltes Caching bedeutet, dass der Browser nach Ablauf des starken Caches eine Anfrage an den Server sendet und der Server ermittelt, ob die Daten aktualisiert wurden. Bei einer Aktualisierung werden die neuesten Daten zurückgegeben, andernfalls wird der Statuscode 304 Not Modified zurückgegeben. Das Aushandeln von Caching kann durch Festlegen der ETag- und Last-Modified-Antwortheader erreicht werden.
43. Lebenszyklus-Hook-Funktionen in Vue und ihre Anwendungsszenarien.
Die Lebenszyklus-Hook-Funktionen in Vue beziehen sich auf Funktionen, die in verschiedenen Phasen der Komponente ausgeführt werden, einschließlich der acht Hook-Funktionen „beforeCreate“, „created“, „beforeMount“, „mounted“, „beforeUpdate“, „update“, „beforeDestroy“ und „ destroy“. Zu den Anwendungsszenarien von Lebenszyklus-Hook-Funktionen gehören das Initialisieren von Daten, das Laden von Daten, das Aktualisieren von Daten, das Zerstören von Daten, das Abhören von Ereignissen, das Ausführen von Animationen usw.
44. Modul und Modullader in JavaScript . _ _
Unter Modularisierung in JavaScript versteht man die Aufteilung von Code in unabhängige Module, was sich positiv auf die Organisation der Codestruktur und die Verbesserung der Entwicklungseffizienz auswirkt. Ein Modullader in JavaScript ist eine spezielle JavaScript-Bibliothek, die zum dynamischen Laden und Analysieren von Modulen verwendet wird. Zu den häufig verwendeten JavaScript-Modulladern gehören RequireJS, SeaJS, SystemJS usw.
45. Virtuelles DOM in React und seine Funktionen .
Virtuelles DOM in React ist eine Mittelschichtstruktur, die JavaScript-Objekte verwendet, um echte DOM-Objekte darzustellen. Es wird verwendet, um DOM-Operationen zu optimieren und die Rendering-Effizienz zu verbessern. Zu den Funktionen von Virtual DOM gehören die Verkürzung der Renderzeit, die Verbesserung der Seitenleistung, die Reduzierung des Ressourcenverbrauchs, die Reduzierung des Neuzeichnens und Umfließens usw.
46. Garbage-Collection-Mechanismus und seine Implementierung in JavaScript .
Der Garbage-Collection-Mechanismus in JavaScript ist eine Möglichkeit zur automatischen Speicherverwaltung und wird zum Erkennen und Löschen nicht mehr verwendeter Objekte und Variablen verwendet, um Speicherlecks und Ressourcenverschwendung zu vermeiden. Zu den Garbage-Collection-Strategien in JavaScript gehören das Löschen von Markierungen, die Referenzzählung und die Generationssammlung. Verschiedene Garbage-Collection-Strategien eignen sich für unterschiedliche Szenarien und Anforderungen.
47. Prototypkette und ihre Funktionen in JavaScript .
Die Prototypkette in JavaScript bezieht sich auf die Eltern-Kind-Beziehung zwischen Objekten. Jedes Objekt verfügt über einen Prototyp. Das Prototypobjekt entspricht der Definition einer Reihe gemeinsamer Eigenschaften und Methoden für das Objekt. Die Funktion der Prototypkette besteht darin, die Eigenschaften und Methoden des übergeordneten Objekts im untergeordneten Objekt zu finden und zu verwenden, wodurch die Vererbung und Wiederverwendung des Objekts realisiert und grundlegende Unterstützung für die objektorientierte Programmierung bereitgestellt wird.
48. Die Call- und Apply- Methoden in JavaScript und ihre Unterschiede .
Die Call- und Apply-Methoden in JavaScript sind zwei Methoden zum dynamischen Ändern des This-Zeigers einer Funktion. Die Funktion kann als Methode eines Objekts oder mithilfe eines Prototypobjekts aufgerufen werden. Der Unterschied zwischen Call und Apply liegt in der unterschiedlichen Art der Parameterübergabe. Die Call-Methode übergibt Parameter einzeln, während die Apply-Methode Parameter in einem Array übergibt.
49. Was ist Event Loop und seine Rolle ?
Die Ereignisschleife (Event Loop) ist ein Mechanismus in JavaScript zur Verarbeitung von asynchronem Code und wird verwendet, um die gleichzeitige Ausführung unter dem Single-Thread-Modell von JavaScript sicherzustellen.
Die Funktion der Ereignisschleife besteht darin, die auszuführenden Ereignisse kontinuierlich aus der Ausführungswarteschlange abzurufen und die entsprechenden Rückruffunktionen auszuführen, wodurch die sequentielle Ausführung von asynchronem Code realisiert wird.
Es prüft kontinuierlich, ob in der Ausführungswarteschlange auszuführende Ereignisse vorhanden sind, und wenn ja, entnimmt es diese und führt sie aus. Wenn nicht, wartet es darauf, dass neue Ereignisse zur Warteschlange hinzugefügt werden. Der Ereignisschleifenmechanismus kann durch die Konzepte von Makroaufgaben und Mikroaufgaben verstanden werden. Informationen zur spezifischen Implementierung finden Sie in der ECMAScript-Spezifikation und den Browser-Implementierungsstandards.
50. Was ist CORS ( Cross-Domain Resource Sharing)? Wie gehe ich mit CORS- Cross-Domain-Anfragen um?
CORS ist eine Browsertechnologie, die es einem Server ermöglicht, Clients mit unterschiedlichen Domänennamen das Senden domänenübergreifender Anforderungen an sich selbst zu ermöglichen.
CORS kann durch Hinzufügen von Attributen wie Access-Control-Allow-Origin und Access-Control-Allow-Methods im HTTP-Antwortheader implementiert werden. Bei der Bearbeitung domänenübergreifender CORS-Anfragen sind in der Regel die folgenden Schritte erforderlich:
● Der Server legt Antwortheader wie Access-Control-Allow-Origin und Access-Control-Allow-Methods fest.
● Der Client sendet eine OPTIONS-Anfrage, um die domänenübergreifenden Berechtigungsinformationen des Servers abzurufen, und sendet dann eine echte domänenübergreifende Anfrage.
● Der Server empfängt die domänenübergreifende Anfrage des Clients und antwortet gemäß den festgelegten domänenübergreifenden Regeln.