Seite 7 - JavaScript

Zwei unterschaetzte Intl-APIs uebernehmen Aufgaben, fuer die Teams sonst Uebersetzungstabellen pflegen: sprachlich korrekte Aufzaehlungen und lokalisierte Namen von Sprachen, Regionen und Waehrungen, direkt in der Browser-Engine.

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.

map(), filter(), take(), drop() und reduce() gibt es jetzt direkt auf Iteratoren, mit Lazy Evaluation statt vollstaendiger Materialisierung als Array.

Ein falsch gesetztes module-Feld in tsconfig.json oder eine unvollständige exports-Map in package.json führt bei TypeScript-Paketen regelmäßig zu ERR_REQUIRE_ESM- oder ERR_UNKNOWN_FILE_EXTENSION-Fehlern, die erst beim Konsumenten sichtbar werden. Wer die Unterschiede zwischen ESM und CommonJS beim Kompilieren versteht, vermeidet den Dual-Package-Hazard und liefert Pakete, die in beiden Welten zuverlässig funktionieren.

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.

Symfony UX Dropzone macht aus einem gewöhnlichen Datei-Feld eine moderne Drag-and-Drop-Zone mit Vorschaubildern, ohne dass ein eigener Upload-Handler in JavaScript geschrieben werden muss, und lässt sich direkt mit VichUploaderBundle und eigenen Validierungsregeln kombinieren.

Eine Live-Suche über tausende Einträge muss auf jeden Tastendruck reagieren, ohne die Seite auszubremsen. Mit x-model.debounce, einer effizienten Filterfunktion und Treffer-Highlighting entsteht mit Alpine.js eine schnelle, reaktive Suche, die auch bei sehr großen Listen flüssig bleibt.

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.