Tag: JavaScript

1. Chrome DevTools Tricks für JavaScript-Entwickler

   28.01.2026

   Die meisten Entwickler nutzen DevTools nur als Console-Tab. Dabei stecken in den Chrome DevTools Techniken, die Debugging-Zeiten halbieren, Performance-Probleme in Sekunden sichtbar machen und den gesamten Netzwerk-Stack eines JavaScript-Projekts durchleuchten – ohne eine einzige Zeile Zusatzcode.

   Read more

2. JavaScript Pattern Matching Proposal: match-Ausdruck und strukturelle Musterabgleich

   26.01.2026

   switch/case behandelt nur primitive Gleichheit, verschachtelte Bedingungen werden schnell unlesbar, und der Ausdruck-Charakter fehlt komplett. Das TC39 Pattern Matching Proposal ändert das: Ein match-Ausdruck prüft Struktur, Typ, Form und Wert eines Objekts gleichzeitig – deklarativ, exhaustiv und ohne Fallthrough-Bug.

   Read more

3. Gleitkomma-Präzision in JavaScript: 0.1 + 0.2 ≠ 0.3

   23.01.2026

   Die Konsole gibt 0.30000000000000004 aus, ein Preisvergleich schlägt fehl, eine Summe von Rechnungsposten weicht um einen Cent ab. Gleitkomma-Präzision ist keine Eigenheit von JavaScript, sondern eine Konsequenz von IEEE 754, betrifft aber gerade JavaScript-Entwickler besonders oft, weil die Sprache nur einen einzigen Zahlentyp kennt. Dieser Artikel erklärt die Ursache und zeigt robuste Lösungen.

   Read more

4. JavaScript Event Loop, Mikrotasks und Makrotasks erklärt

   16.01.2026

   JavaScript ist single-threaded, aber nicht sequenziell. Der Event Loop bestimmt die Ausführungsreihenfolge von synchronem Code, Promises, Timern und Callbacks. Wer den Unterschied zwischen Mikrotasks und Makrotasks nicht versteht, schreibt asynchronen Code, der rätselhaft falsch läuft.

   Read more

5. Dynamic Import: Muster im Detail fuer Code-Splitting

   08.01.2026

   Dynamic Import mit import() ist mehr als eine bequeme Alternative zu statischen Imports: die Funktion gibt ein Promise zurueck, laedt Code erst zur Laufzeit und ermoeglicht Muster wie Route-basiertes Code-Splitting, bedingtes Laden nach Feature Detection und robuste Retry-Strategien, wenn ein Chunk im Netzwerk verloren geht.

   Read more

6. CSRF-Schutz in Single Page Apps: Tokens, SameSite und Fetch richtig kombinieren

   06.01.2026

   Cross Site Request Forgery gilt in vielen Teams als gelöstes Problem, sobald eine Anwendung auf eine Single Page Architektur mit Fetch statt klassischer Formulare umsteigt. Tatsächlich verschiebt sich das Risiko nur, sobald Session Cookies für authentifizierte API Aufrufe im Spiel sind, bleibt aber real und erfordert eine bewusste Kombination aus Double-Submit-Cookie, SameSite-Attribut und Custom Headern.

   Read more

7. Notifications API richtig implementieren: Push-Nachrichten ohne Nutzer zu nerven

   01.01.2026

   Kaum ein Browser-Feature wird so oft falsch eingesetzt wie die Notifications API: Ein Berechtigungsdialog direkt beim ersten Seitenbesuch führt in den allermeisten Fällen zur dauerhaften Ablehnung. Richtig eingesetzt, mit passendem Timing, klarem Kontext und Service-Worker-Integration, wird aus derselben API ein Feature, das Nutzer aktiv anfragen, statt es wegzuklicken.

   Read more

8. Dependency Injection in Vanilla JavaScript: Lose Kopplung ohne Framework

   01.01.2026

   Dependency Injection kehrt die Kontrolle über die Erzeugung von Abhängigkeiten um, statt jede Klasse ihre eigenen Kollaborateure selbst instanziieren zu lassen. Ohne Angular oder NestJS zeigt dieser Artikel, wie Constructor Injection, ein minimaler DI-Container und saubere Lifecycle-Verwaltung in reinem JavaScript lose Kopplung und einfache Testbarkeit ermöglichen.

   Read more

9. Web Workers in JavaScript: Multithreading im Browser meistern

   01.01.2026

   JavaScript ist single-threaded – aber das ist kein Naturgesetz für Browser-Anwendungen. Web Workers bringen echtes Multithreading in den Browser: CPU-intensive Berechnungen, Dateiverarbeitung, Verschlüsselung und KI-Inferenz laufen in Hintergrundthreads, während der UI-Thread reaktionsfähig bleibt und Nutzerinteraktionen flüssig verarbeitet.

   Read more

10. JavaScript Immutability Patterns: Unveränderliche Datenstrukturen richtig einsetzen

    24.12.2025

    Mutabler State ist die häufigste Quelle schwer findbarer Bugs in JavaScript-Anwendungen. Immutability Patterns machen Zustandsänderungen explizit, ermöglichen Änderungserkennung per Referenzvergleich und verhindern, dass shared State an unerwarteten Stellen verändert wird – von Object.freeze bis zu Records und Tuples.

    Read more