Code Ausschnitte 2025, April

Die .classList () API - CSS-Tricks

Die .classList () API - CSS-Tricks

Angenommen, Sie haben ein Element im DOM:

Verweisen Sie auf dieses DOM-Element: const el = document.querySelector ("# el"); Dann Sie"

Testen Sie, ob Mac oder PC mit JavaScript - CSS-Tricks

Testen Sie, ob Mac oder PC mit JavaScript - CSS-Tricks

User Agent-Tests sind zum Kotzen, aber manchmal brauchen Sie sie für subtile Dinge. In meinem Fall habe ich damit angepasst, was ich für Tastenkombinationen angezeigt habe. "

Testen Sie, ob das Element das Attribut - unterstützt CSS-Tricks

Testen Sie, ob das Element das Attribut - unterstützt CSS-Tricks

Nicht alle Browser unterstützen alle Attribute aller Elemente. Es gibt eine Reihe neuer Attribute in HTML5, daher die Idee zu testen, um zu sehen, welche Art von Browser "

Unterstützungsregisterkarten in Textbereichen - CSS-Tricks

Unterstützungsregisterkarten in Textbereichen - CSS-Tricks

Normalerweise bewegt sich die Tabulatortaste zum nächsten fokussierbaren Element. Dadurch wird stattdessen ein Tabulatorzeichen eingefügt. HTMLTextAreaElement.prototype.getCaretPosition = Funktion "

Leerzeichen von String entfernen - CSS-Tricks

Leerzeichen von String entfernen - CSS-Tricks

Leerzeichen, dh Tabulatoren und Leerzeichen. Vanilla JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

HTML-Tags in JavaScript entfernen - CSS-Tricks

HTML-Tags in JavaScript entfernen - CSS-Tricks

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Fallback "

Testen Sie, ob das Dragenter / Dragover-Ereignis Dateien enthält CSS-Tricks

Testen Sie, ob das Dragenter / Dragover-Ereignis Dateien enthält CSS-Tricks

HTML5 Drag & Drop eignet sich hervorragend für das Hochladen von Dateien. Aber wenn das das einzige ist, wofür Sie es verwenden, ist es schön zu wissen, ob ein bestimmter Dragenter "

Test für Internet Explorer in JavaScript - CSS-Tricks

Test für Internet Explorer in JavaScript - CSS-Tricks

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// IE-spezifische Dinge tun) else (// nicht IE-spezifische Dinge tun) "

Element umschalten (Einblenden / Ausblenden) - CSS-Tricks

Element umschalten (Einblenden / Ausblenden) - CSS-Tricks

Inline-Nutzung: Klicken Sie hier, um die Sichtbarkeit des Elements #foo umzuschalten. Dies ist foo "

Shuffle Array - CSS-Tricks

Shuffle Array - CSS-Tricks

Technik # 1 Funktion Shuffle (o) (für (var j, x, i = o.Länge; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); return o;); Verwendung var testArray "

Zahlen von einem String entfernen - CSS-Tricks

Zahlen von einem String entfernen - CSS-Tricks

Var someString = "Hallo 123 Welt!"; newString = someString.replace (// g, ''); // console.log (newString); // "Hallo Welt!";"

Mobile Geräte umleiten - CSS-Tricks

Mobile Geräte umleiten - CSS-Tricks

"mobile.html" wird durch den Speicherort Ihrer mobilen Version ersetzt. Diese Technik könnte angepasst werden, um ein alternatives Stylesheet zu laden. "

Speichern von inhaltsbearbeitbaren Inhaltsänderungen als JSON mit Ajax - CSS-Tricks

Speichern von inhaltsbearbeitbaren Inhaltsänderungen als JSON mit Ajax - CSS-Tricks

Elemente mit dem Attribut contenteditable können direkt im Browserfenster live bearbeitet werden. Aber diese Änderungen wirken sich natürlich nicht auf das eigentliche Dokument aus. "

Erforderliche Parameter für Funktionen in JavaScript - CSS-Tricks

Erforderliche Parameter für Funktionen in JavaScript - CSS-Tricks

Ooo das ist schlau! Ich schnappe mir das aus Davids Blog. const isRequired = () => (neuen Fehler auslösen ('param is required');); const hello = (name = "

Wählen Sie Zufälliges Element aus einem Array - CSS-Tricks

Wählen Sie Zufälliges Element aus einem Array - CSS-Tricks

Var myArray =; var randomItem = myArray; Siehe den Stift gLJPZv von Chris Coyier (@chriscoyier) auf CodePen. "

Ersetzungen für setInterval mit requestAnimationFrame - CSS-Tricks

Ersetzungen für setInterval mit requestAnimationFrame - CSS-Tricks

Wenn es um Animation geht, wird uns gesagt, dass setInterval eine schlechte Idee ist. Weil die Schleife beispielsweise unabhängig von anderen Vorgängen ausgeführt wird. "

Entfernen Sie das letzte Zeichen aus einer Zeichenfolge - CSS-Tricks

Entfernen Sie das letzte Zeichen aus einer Zeichenfolge - CSS-Tricks

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Freudentanz'"

Inline-Stile entfernen - CSS-Tricks

Inline-Stile entfernen - CSS-Tricks

Diese Funktion bewahrt auch versteckte Inhalte. Funktion remove_style (all) (var i = all.length; var j, is_hidden; // Präsentationsattribute. var attr =; "

Entfernen Sie ein Element - CSS-Tricks

Entfernen Sie ein Element - CSS-Tricks

Aus irgendeinem Grund kann sich ein Element in JavaScript nicht selbst zerstören. jQuery hat eine Methode dafür, was sehr schön ist, denn so denken wir: "

Duplikate aus einem Array entfernen - CSS-Tricks

Duplikate aus einem Array entfernen - CSS-Tricks

Zusammengestellt von Svein Petter Gjøby: const array =; // Methode 1: Verwenden einer Menge const unique =; // Methode 2: Array.prototype.reduce const unique = "

Weiterleitung zu SSL - CSS-Tricks

Weiterleitung zu SSL - CSS-Tricks

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Vielleicht möchten Sie testen, ob window.location.href "

Verhindern, dass eingebettetes JavaScript die Validierung fehlschlägt - CSS-Tricks

Verhindern, dass eingebettetes JavaScript die Validierung fehlschlägt - CSS-Tricks

Haben Sie jemals das CDATA-Zeug in JavaScript gesehen und sich gefragt, wofür es gedacht ist? Damit soll verhindert werden, dass der Validator diesen Code als Markup liest und fehlschlägt. "

So generieren Sie eine zufällige Farbe in JavaScript - CSS-Tricks

So generieren Sie eine zufällige Farbe in JavaScript - CSS-Tricks

Hier ist eine kurze Beschreibung (es gibt auch eine PHP-Version): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Siehe den Stift Neue zufällige Hex-Farbe generieren "

Objekt auf Bildschirm drucken - CSS-Tricks

Objekt auf Bildschirm drucken - CSS-Tricks

PHP hat eine nette print_r-Funktion zum Ausdrucken von Informationen über eine Variable auf dem Bildschirm. console.log () ist auch in JavaScript dafür großartig, aber "

Verhindern Sie das Flackern von Hintergrundbildern in IE - CSS-Tricks

Verhindern Sie das Flackern von Hintergrundbildern in IE - CSS-Tricks

Try (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

PageVisibility API - CSS-Tricks

PageVisibility API - CSS-Tricks

Demo von Sagar Ganatra "

Namespaced Javascript Template - CSS-Tricks

Namespaced Javascript Template - CSS-Tricks

Selbstaufrufende anonyme Funktion, die der globalen Variablen yournamespacechoice zugewiesen ist. Dient dazu, alle Funktionen und Variablen für "

Funktion in zeitlich festgelegten Intervallen ausführen - CSS-Tricks

Funktion in zeitlich festgelegten Intervallen ausführen - CSS-Tricks

Führen Sie jede Sekunde eine Funktion aus: function myFunction () (// etwas tun) var int = setInterval (myFunction, 1000); Abbrechen: clearInterval (int); "

Lazy Loading Images - CSS-Tricks

Lazy Loading Images - CSS-Tricks

UPDATE: Das ist ziemlich alt. Wenn Sie heutzutage faul Bilder laden möchten, empfehlen wir Ihnen: Die vollständige Anleitung zum faulen Laden von Bildern A Native "