JavaScript: Anleitungen und Praxiswissen | Seite 7 | mironsoft Blog
JavaScript
-
10.12.2025
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.
-
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.
-
27.11.2025
map(), filter(), take(), drop() und reduce() gibt es jetzt direkt auf Iteratoren, mit Lazy Evaluation statt vollstaendiger Materialisierung als Array.
-
26.11.2025
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.
-
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.
-
24.11.2025
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.
-
22.11.2025
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.
-
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.
-
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.
-
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.