JavaScript-Snippets, die Ihnen stundenlanges Codieren ersparen

JavaScript ist eine mächtige Sprache, aber das Schreiben sich wiederholenden Codes kann Ihre Zeit in Anspruch nehmen. Diese 10 praktischen JavaScript-Snippets vereinfachen häufige Aufgaben und steigern Ihre Produktivität. Lasst uns eintauchen!

---

1. Überprüfen Sie, ob sich ein Element im Ansichtsfenster befindet

Bestimmen Sie ganz einfach, ob ein Element im Ansichtsfenster sichtbar ist:

const isInViewport = (element) => {
  const rect = element.getBoundingClientRect();
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
};

2. In die Zwischenablage kopieren

Kopieren Sie Text schnell in die Zwischenablage, ohne externe Bibliotheken zu verwenden:

const copyToClipboard = (text) => {  navigator.clipboard.writeText(text); };

---

3. Mischen Sie ein Array

Randomisieren Sie die Reihenfolge der Elemente in einem Array mit diesem Einzeiler:

const shuffleArray = (array) => array.sort(() => Math.random() - 0.5);

---

4. Reduzieren Sie ein mehrdimensionales Array

Konvertieren Sie ein verschachteltes Array in ein einstufiges Array:

const flattenArray = (arr) => arr.flat(Infinity);

---

5. Erhalten Sie eindeutige Werte in einem Array

Duplikate aus einem Array entfernen:

const uniqueValues = (array) => [...new Set(array)];

---

6. Generieren Sie eine zufällige Hex-Farbe

Erstellen Sie ganz einfach eine zufällige Hex-Farbe:

const randomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0')}`;

---

7. Entprellen Sie eine Funktion

Verhindern Sie, dass eine Funktion zu oft ausgelöst wird, ideal für Sucheingaben:

const debounce = (func, delay) => {  let timeoutId;  return (...args) => {    clearTimeout(timeoutId);    timeoutId = setTimeout(() => func(...args), delay);  }; };

---

8. Erkennen Sie den Dunkelmodus

Überprüfen Sie, ob sich das System eines Benutzers im Dunkelmodus befindet:

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;

---

9. Schreiben Sie den ersten Buchstaben einer Zeichenfolge groß

Ein einfacher Ausschnitt zur Großschreibung des ersten Buchstabens:

const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);

---

10. Generieren Sie eine zufällige Ganzzahl

Generieren Sie eine Zufallszahl innerhalb eines Bereichs:

const randomInteger = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

---

Abschluss

Diese Snippets sind eine großartige Möglichkeit, Zeit und Aufwand in Ihren JavaScript-Projekten zu sparen. Setzen Sie ein Lesezeichen für sie oder integrieren Sie sie in Ihre persönliche Utility-Bibliothek!

Erfahren Sie mehr

Weitere Tipps und Tricks zu JavaScript finden Sie im Originalartikel zu Script Binary.

Das obige ist der detaillierte Inhalt vonJavaScript-Snippets, die Ihnen stundenlanges Codieren ersparen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!