Seite93-js-Tutorial Programmier-Tutorials: Lernen Siejs-Tutorial Online-php.cn

Article Tags

Heim

Technische Artikel

Web-Frontend

js-Tutorial

Was ist der nullische Koalescing -Operator (??)?

Der ?? Der Bediener löst das Problem, dass beim Einstellen des Standardwerts mit || gültige Werte wie 0, leere Zeichenfolge oder False fälschlicherweise ausgeschlossen werden kann. Es gibt nur den rechten Standardwert zurück, wenn die linke Seite null oder undefiniert ist, und schließt andere falsche Werte nicht aus. Zum Beispiel: ItemCount? 5 verwendet 5, wenn ItemCount null oder undefiniert ist, aber wenn es 0 oder leere Zeichenfolge ist, wird der ursprüngliche Wert beibehalten. Die Nutzungsszenarien umfassen die Handhabung der Benutzereingabe, optionale Objekteigenschaften usw., die eine genaue Steuerung erfordern, und die Verwendung ||? sollte zu diesem Zeitpunkt bevorzugt werden. Darüber hinaus sollten Klammern in komplexen Ausdrücken verwendet werden, um Prioritätsprobleme des Bedieners zu vermeiden.

Jun 26, 2025 am 12:54 AM

NULL VALUE MERGE -OPERATOR

Wie können Sie die Nutzlastgröße einer JavaScript -Anwendung reduzieren?

Wenn JavaScript -Anwendungen langsam geladen werden und eine schlechte Leistung haben, ist das Problem, dass die Nutzlast zu groß ist. Zu den Lösungen gehören: 1. Verwenden Sie die Codespaltung (codessplitting), teilen Sie das große Bündel über React.lazy () in mehrere kleine Dateien auf und laden Sie es nach Bedarf, um den ersten Download zu reduzieren. 2. Entfernen Sie den unbenutzten Code (Treeshaker), verwenden Sie den ES6 -Modulmechanismus, um "toten Code" zu löschen, um sicherzustellen, dass die eingeführten Bibliotheken diese Funktion unterstützen. 3.. Ressourcendateien komprimieren und verschmelzen, GZIP/Brotli und Terser aktivieren, JS zu komprimieren, Dateien vernünftig zusammenzufassen und statische Ressourcen zu optimieren. V.

Jun 26, 2025 am 12:54 AM

Was ist der Schattendom?

TheshadowdomsolvästheseproblemofStyleandmarkupconflictsonwebpagesBoBlingsCoped, Kapselspulenddomtrees

Jun 26, 2025 am 12:53 AM

Wie bekomme ich Abfragestnparameter aus der URL in JavaScript?

Das Erhalten von Abfragsparametern in URLs kann in JavaScript über UrlSearchParams oder manuell analysiert werden. Die Verwendung von UrlSearchParams ist eine empfohlene Methode für moderne Browser. Nachdem Sie die Abfragezeichenfolge über window.location.Search erhalten haben, verwenden Sie NewurLsearchParams (), um sie zu analysieren und Parameter durch .get (), .has (), .getall () und andere Methoden zu betreiben; Wenn es mit alten Browsern oder Hash-Routing-Szenarien kompatibel ist, können Sie sie manuell analysieren, die Abfragezeichenfolge aus der URL extrahieren und drücken und die Tastenwertpaare teilen und dann drücken, um es einzeln aufzuteilen und in das Objekt zu speichern. Für den Fall von wiederholten Parameternamen .getall (

Jun 26, 2025 am 12:53 AM

Was sind gemeinsame Schwachstellen für JS -Sicherheit wie XSS?

Zu den Schwachstellen der JavaScript-Sicherheit gehören hauptsächlich XSS, CSRF, Abhängigkeitsschwachstellen von Drittanbietern und sensible Informationen. 1.XSS stiehlt Daten, indem er böswillige Skripte injiziert und HTML Escape and Framework Protection verwenden sollte. 2. CSRF reicht automatisch Anforderungen mit Cookies ab, und das Backend muss Samesit einstellen und die Quelle überprüfen. 3. Schwachstellen der Drittanbieterbibliothek können durch NPMADIT erkannt und aktualisiert werden. 4. Sensitive Information Leckage sollte vermeiden, Schlüssel für die Frontend -Debug -Ausgabe zu speichern.

Jun 26, 2025 am 12:52 AM

Was ist der Unterschied zwischen Ziel und CurrentTarget in einem JavaScript -Ereignis?

In JavaScript, Event.target ist das eigentliche Element, das das Ereignis auslöst, und Ereignis. Insbesondere: 1. Event.Target zeigt auf das DOM -Element, das das Ereignis anfänglich ausgelöst hat, unabhängig davon, wo sich der Ereignishörer befindet; 2. Ereignis.CurrentTarget weist immer auf das Element hin, das den Ereignishörer anhält und nicht vom Ereignisausgangspunkt beeinflusst wird. 3. Verwenden Sie Ereignis.

Jun 26, 2025 am 12:51 AM

Ereignis

Was ist optionales Ketten (?) Und welches Problem löst es?

OptionalChining (?) InvaVaScriptAllowSyoutosafelyAccessDeeplyNestedObjectPropertiesWitHoutePlicitlyCingeachReferenceThechain, verhindern Sie, dass die Zähne von NullOnundededEfined.1.IITELIMINATE "kann nicht readPropertyofundedineded" fehlerbyreturningAningAntundEffine

Jun 26, 2025 am 12:49 AM

Was ist der Unterschied zwischen Standard und benannten Exporten?

DefaultExportSallowonemainvaluePermodulewithflexiBlenamingonimport, whileMedExportsenablemultiPLeSpecificexportSrequiringExactnames.namedExportSareIdeAlFormultilities -Needingclearidentification, DefaultExportSuitSexportlikeComponeneNeNeNportslikecomponenenenenenenenenenenenenenenen

Jun 26, 2025 am 12:49 AM

default exports

Wie funktioniert der Typ des Operators?

Der Typeof -Operator wird verwendet, um den Datentyp einer Variablen oder einen Ausdruck zu bestimmen und gibt Zeichenfolgen wie "Nummer", "String", "Objekt" usw. Zurück; Die Rückgabewerte umfassen "undefinierte", "boolean", "number", "string", "bigint", "symbol", "function" und "object & quo

Jun 26, 2025 am 12:48 AM

Betreiber typeof

Wie unterscheidet sich Versprechen.Allsettled () von Promise.all ()?

Der Hauptunterschied zwischen Promise.All () und Versprechen.Allsettled () besteht darin, mit Misserfolgen umzugehen. 1. Versprechen.All () wird ein Versprechen sofort ablehnen, wenn es abgelehnt wird. Es ist für Situationen geeignet, in denen alle Vorgänge erfolgreich sein müssen, z. B. das Laden mehrerer notwendiger Ressourcen gleichzeitig. 2. Versprechen.Allsettled () wird auf alle Versprechen warten, die jedes Ergebnis abschließen und zurückgeben (ob erfolgreich oder fehlgeschlagen), geeignet für Szenarien, die jedes Ergebnis analysieren müssen, z. B. Stapeloperationen oder unabhängige Verarbeitung der Ergebnisse mehrerer API -Aufrufe. Die Auswahl der Verwendung hängt davon ab, ob teilweise Fehler zulässig sind und wie das Ergebnis erwartet wird.

Jun 26, 2025 am 12:48 AM

Wie kann man die Eigenschaften eines JavaScript -Objekts iterieren?

Ja, es gibt mehrere Möglichkeiten, Objekteigenschaften in JavaScript zu durchqueren. 1. Verwenden Sie die für ... in der Schleife, um alle aufzählbaren Zeichenfolgeneigenschaften des Objekts zu durchqueren. Es wird jedoch empfohlen, ererbte Eigenschaften mit HasownProperty () auszuschließen. 2. Verwenden Sie Object.Keys () kombiniert mit foreach (), um Schlüsselnamen bequemer in einem Array zu verarbeiten; 3.. Verwenden Sie Object.Entries (), um das Schlüsselwertpaar -Array für eine einfache Dekonstruktion und den Betrieb direkt zu erhalten. Darüber hinaus können Sie der Schleife Logik hinzufügen, um die Eigenschaftsfilterung und andere Funktionen zu implementieren.

Jun 26, 2025 am 12:46 AM

Objekteigenschaften

Was ist der Zweck der .Finally () -Methode für ein Versprechen?

Finaly () wird in JavaScript verwendet, um Code unabhängig von Erfolg oder Misserfolg nach Abschluss des Versprechens auszuführen. Es eignet sich für Szenarien wie das Ausblenden von Lastanzeigen, das Schließen von Verbindungen, das Zurücksetzen des UI -Status usw. Ausblenden Sie beispielsweise die Ladeanimation, nachdem die Datenanforderung vorbei ist. Anders als .then () und .Catch (), erhält .Finally () keine Ergebnisparameter und wirkt sich nicht auf die Ergebnisse der Versprechenkette aus. Zu den häufigen Fehlern gehören Versuche, das Ergebnis aus dem .Finally () -Rendwert zu ändern oder die asynchrone Logik nicht richtig zu behandeln. Zu den praktischen Anwendungen gehören UI -Reinigung, Ressourcenmanagement und Protokollierung. Wenn Sie es verwenden, sollten Sie es vermeiden, den Versprechen zu ändern, oder fehlen auf asynchrone Operationen.

Jun 26, 2025 am 12:46 AM

promise

Was sind markierte Vorlagen in JavaScript?

MarkgedTemplatesinjavaScriptallowyoutoprocessTemplateliteralswithCustomfunctions.1) AtagfunctionProcessästhestaticStarStringPartSandembededExpressions.2) Sie haben die Förderung von Slibibrars, und die In-Interationstools.3) toBuildon

Jun 26, 2025 am 12:45 AM

Was sind Datenattribute (Daten-*) und wie können Sie in JavaScript auf sie zugreifen?

DataAttributes (data-) inhtmlareUsedTostoreExtrainFormationThatcanbeAcced withjavaScript.TheyareideAlforsMalldatastorageneedswithoutaffektingPageBehavior, AccessibleViadatasetorgetattribute ()

Jun 26, 2025 am 12:45 AM