Seite 4 - JavaScript

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.