Tag: JavaScript

1. Deep Equality ohne externe Bibliothek: Eigene Vergleichsfunktion für verschachtelte Objekte

   27.02.2025

   === vergleicht Objekte nur über Referenzidentität, und JSON.stringify scheitert an Schlüsselreihenfolge, Maps, Sets und Dates. Eine selbst geschriebene Deep-Equality-Funktion vergleicht Werte rekursiv nach Struktur statt nach Referenz und deckt dabei genau die Datentypen ab, an denen die einfachen Ansätze regelmäßig scheitern.

   Read more

2. JavaScript Fetch API Mastery: HTTP-Requests professionell umsetzen

   27.02.2025

   Die Fetch API ist mehr als ein Ersatz für XMLHttpRequest. Wer Timeouts, Retry-Logik, Streaming-Responses, Authentifizierung und Cache-Strategien beherrscht, schreibt HTTP-Kommunikation, die in realen Anwendungen zuverlässig und wartbar bleibt – ohne externe Bibliotheken.

   Read more

3. AbortController in JavaScript: Fetch-Requests und async Operationen sicher abbrechen

   17.02.2025

   Wer Fetch-Requests nicht abbricht, riskiert Race Conditions, Memory Leaks und inkonsistente UI-Zustände. Der AbortController ist die native Browser-API, die dieses Problem ein für alle Mal löst – für Fetch, Event-Listener und beliebige async Operationen.

   Read more

4. JavaScript Streams API: ReadableStream, WritableStream und TransformStream

   17.02.2025

   Wer große Datenmengen in JavaScript verarbeitet, hat lange alles in den Speicher geladen, bevor er damit arbeiten konnte. Die Web Streams API ändert das: Daten fließen als Chunks durch eine Pipeline, Backpressure verhindert Speicher-Überlastung, und der erste Chunk ist verfügbar, bevor der letzte angekommen ist.

   Read more

5. Code Splitting Strategien jenseits der Basics

   06.02.2025

   Route Splitting ist der Standardeinstieg, aber die spürbare Verbesserung liegt oft eine Ebene tiefer. Component Level Splits, gezieltes Vendor Chunking und Preload Hints entscheiden gemeinsam, ob Code Splitting im Bundle Report gut aussieht oder ob es tatsächlich die Ladezeit für Nutzer verkürzt.

   Read more

6. Zeitzonen und Datum in JavaScript: Die häufigsten Fallstricke

   27.01.2025

   Ein Termin verschiebt sich um eine Stunde, ein Monat wird plötzlich falsch angezeigt, ein Report zeigt in der Nacht der Zeitumstellung ein doppeltes Datum. Zeitzonen und Datum gehören zu den Bereichen von JavaScript, in denen kleine Missverständnisse große, schwer reproduzierbare Bugs erzeugen. Dieser Artikel zeigt die konkreten Fallstricke und wie man sie zuverlässig umgeht.

   Read more

7. this-Bindung in JavaScript: Typische Fallstricke erkennen

   24.01.2025

   Kaum ein Konzept in JavaScript sorgt so häufig für Verwirrung wie die this-Bindung. Eine Methode funktioniert im direkten Aufruf einwandfrei und liefert als Callback plötzlich undefined. Dieser Artikel zeigt, wo die this-Bindung typischerweise kippt, wie man es systematisch debuggt und welche Lösung in welcher Situation wirklich passt.

   Read more

8. JavaScript Temporal API: Datum und Uhrzeit endlich richtig

   23.01.2025

   Das Date-Objekt ist einer der ältesten und fehleranfälligsten Teile von JavaScript. Die Temporal API bricht mit allen Designfehlern: immutable Typen, explizite Zeitzonensemantik, korrekte Kalenderarithmetik und eine klare API — ohne externe Bibliotheken wie Moment.js oder date-fns.

   Read more

9. Sandboxed iframes und postMessage Sicherheit: Isolation ohne Funktionsverlust

   18.01.2025

   Eingebettete Drittinhalte wie Zahlungswidgets, Werbebanner oder Kommentarsysteme laufen im selben Dokument wie die eigene Anwendung und stellen ohne konsequente Isolation ein erhebliches Sicherheitsrisiko dar. Das sandbox-Attribut auf iframe-Elementen und strikte Origin-Prüfung bei postMessage Kommunikation ermöglichen echte Isolation, ohne die eigentliche Funktionalität eingebetteter Widgets zu blockieren.

   Read more

10. Origin Private File System: Schnelle Dateisystem-Zugriffe im Browser mit OPFS

    14.01.2025

    Das Origin Private File System ist ein isolierter, hochperformanter Datei-Speicher pro Origin, der über synchrone Lese- und Schreib-Handles in Web Workern direkte Dateisystem-Geschwindigkeit erreicht. Damit lassen sich Wasm-Datenbanken, Bild-Editoren und Offline-Tools bauen, die klassischen IndexedDB-basierten Lösungen bei Durchsatz und Latenz deutlich überlegen sind.

    Read more