JavaScript: Anleitungen und Praxiswissen | Seite 8 | mironsoft Blog
JavaScript
-
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.
-
14.11.2025
Wer TypeScript in Node.js-Projekten einsetzt, stößt schnell auf widersprüchliche Ratschläge zu tsc, ts-node, ESM und CommonJS. Dieser Artikel zeigt die praktischen Optionen zum Ausführen von TypeScript in Node, klärt die Modul-Interop-Fallstricke zwischen ESM und CommonJS und liefert eine minimale, funktionierende tsconfig für CLI- und Build-Skript-Projekte, inklusive des nativen Type-Stripping-Supports neuerer Node-Versionen.
-
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.
-
12.11.2025
Echte Feder-Physik in Animationen war lange Domäne von JavaScript-Bibliotheken wie Framer Motion oder React Spring. Die CSS-Funktion linear() erlaubt jetzt, beliebig komplexe Easing-Kurven, inklusive Overshoot und Bounce, direkt als Stützpunkt-Liste im Stylesheet zu definieren, ganz ohne Laufzeit-JavaScript.
-
09.11.2025
Next.js Middleware läuft, bevor eine Route überhaupt gerendert wird, und entscheidet über Redirects, Rewrites und Header, noch bevor Server Components oder Client Components aktiv werden. Wer Matcher-Regeln, Auth-Checks und die Grenzen der Edge Runtime versteht, baut Routing-Logik, die schnell bleibt und trotzdem robust funktioniert.
-
07.11.2025
Fuer Gzip-Kompression im Browser wurde jahrelang pako oder eine WASM-Portierung von zlib nachgeladen, oft mehrere hundert Kilobyte allein fuer die Bibliothek. Die Compression Streams API macht das ueberfluessig: CompressionStream und DecompressionStream stehen nativ im Browser bereit.
-
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.
-
05.11.2025
Ein einzelner Import aus einer schlecht strukturierten TypeScript-Bibliothek kann trotz moderner Bundler mehrere hundert Kilobyte ungenutzten Code ins Konsumenten-Bundle ziehen. Tree Shaking ist keine automatische Bundler-Magie, sondern hängt entscheidend davon ab, wie die Bibliothek selbst gebaut, exportiert und im sideEffects-Feld deklariert wurde.
-
05.11.2025
Ein selbstgebauter Router besteht meist aus einem Wald von Regex-Mustern, die pfadgenau URLs erkennen und Parameter extrahieren sollen, kaum lesbar und fehleranfaellig bei Sonderzeichen. Die URLPattern API loest genau dieses Problem deklarativ und nativ im Browser.
-
03.11.2025
Source Maps uebersetzen minifizierten, gebuendelten Produktionscode zurueck in lesbaren Original-Quelltext, aber in Produktion gelten andere Regeln als in der lokalen Entwicklung: die Karten muessen sicher bereitgestellt werden, ohne dass Angreifer daraus unminifizierte Geschaeftslogik extrahieren, und gleichzeitig muessen Fehler-Tracking-Systeme wie Sentry echte Stacktraces aus dem minifizierten Code rekonstruieren koennen.