Tag: JavaScript

1. JavaScript MutationObserver: DOM-Änderungen effizient beobachten

   20.12.2025

   Der MutationObserver ist die moderne, performante Alternative zu DOMSubtreeModified und polling-basierten DOM-Beobachtungsansätzen. Er reagiert asynchron auf Attribut-, Kindknoten- und Textänderungen im DOM – ohne das Rendering-Thread-Blocking der alten Mutation-Events.

   Read more

2. Property-Based Testing in JavaScript mit fast-check

   18.12.2025

   Klassische Unit-Tests prüfen einzelne, von Hand ausgedachte Beispiele. Property-Based Testing dreht das Prinzip um: Statt Beispiele zu schreiben, definiert man Eigenschaften, die für jede gültige Eingabe gelten müssen, und lässt fast-check tausende zufällige Fälle generieren, um genau die Randfälle zu finden, die ein Mensch beim Schreiben von Tests übersieht.

   Read more

3. ESM/CJS Interop: Probleme zwischen Modulsystemen loesen

   05.12.2025

   ESM und CommonJS sind zwei grundverschiedene Modulsysteme, die in derselben Node-Laufzeit koexistieren muessen, und genau daraus entsteht die ESM/CJS Interop Problematik. Wer den Unterschied zwischen require() und import nicht versteht, stolpert frueher oder spaeter ueber ERR_REQUIRE_ESM, verlorene Named Exports oder eine defekte instanceof Pruefung durch doppelt geladene Abhaengigkeiten.

   Read more

4. Subresource Integrity richtig nutzen: CDN-Skripte gegen Manipulation absichern

   26.11.2025

   Wer JavaScript oder CSS von einem externen CDN einbindet, vertraut darauf, dass der Anbieter niemals kompromittiert wird. Subresource Integrity ersetzt dieses blinde Vertrauen durch eine kryptographische Prüfsumme, die der Browser vor der Ausführung gegen den tatsächlichen Dateiinhalt abgleicht, und macht so stille Supply Chain Angriffe technisch sichtbar.

   Read more

5. JavaScript IndexedDB: Offline-Datenbank im Browser richtig nutzen

   22.11.2025

   IndexedDB ist die mächtigste Offline-Speicherlösung im Browser: strukturierte Daten, Gigabyte-Kapazität, Transaktionen, Indexes und asynchrone Abfragen ohne Block des UI-Threads. Wer die Grundlagen beherrscht, baut Offline-first-Apps, die auch ohne Netzwerkverbindung vollständig funktionieren.

   Read more

6. Closures in Schleifen: Stale Closures als Fallstrick

   21.11.2025

   Eine Schleife registriert fünf Buttons, jeder Klick zeigt dieselbe Zahl statt der erwarteten Reihenfolge. Dieses Muster heißt stale Closure und trifft nicht nur klassische var-Schleifen, sondern auch moderne Event Handler und asynchronen Code. Dieser Artikel zeigt, wo stale Closures entstehen, warum let das Problem oft löst und wie man verbleibende Fälle systematisch debuggt.

   Read more

7. JavaScript Clipboard API: Copy & Paste ohne execCommand

   19.11.2025

   execCommand('copy') war ein Hack, der in modernen Browsern als veraltet markiert ist. Die Clipboard API liefert eine saubere, Promise-basierte Schnittstelle für das Lesen und Schreiben der Zwischenablage – inklusive Bild- und Rich-Text-Support sowie integriertem Berechtigungsmodell.

   Read more

8. structuredClone(): Deep Clone in JavaScript endlich nativ

   16.11.2025

   Der JSON-Roundtrip-Trick ist seit Jahren der Standard für Deep Cloning in JavaScript – und seit Jahren verliert er Date-Objekte, Map, Set, undefined-Werte und zirkuläre Referenzen. structuredClone() ist die native Lösung, die seit 2022 in allen modernen Engines verfügbar ist und all das korrekt behandelt.

   Read more

9. File System Access API praktisch nutzen: Dateien direkt im Browser lesen und schreiben

   13.11.2025

   Die File System Access API erlaubt Webanwendungen echten Lese- und Schreibzugriff auf lokale Dateien und Ordner, ohne den klassischen Umweg über Datei-Uploads und Downloads. Wer Editoren, Bildwerkzeuge oder Datenexporte im Browser baut, erhält damit ein Verhalten, das sich fast wie eine native Desktop-Anwendung anfühlt, inklusive Berechtigungsmodell und persistenten Handles.

   Read more

10. JavaScript Performance API: Präzise Laufzeitmessungen mit performance.now() und PerformanceObserver

    07.11.2025

    Date.now() liefert Millisekunden mit einer Präzision, die für ernsthafte Performance-Messungen nicht ausreicht, und tappt in die Falle der Systemuhr-Synchronisation. Die JavaScript Performance API liefert Sub-Millisekunden-Zeitstempel, strukturierte Marks und Measures, einen nicht blockierenden Observer-Mechanismus – und direkten Zugang zu Web Vitals ohne externe Bibliothek.

    Read more