Seite 12 - JavaScript

JavaScript

AI generated

JavaScript Error Cause: strukturierte Fehlerbehandlung mit error.cause

Maxim Mironjuk - August 07, 2025

In JavaScript geht der ursprüngliche Fehler beim Re-Throw verloren – ein Error wird durch einen anderen ersetzt, der Kontext verschwindet. Das error.cause-Feature aus ES2022 löst genau dieses Problem: Es erlaubt strukturierte Fehlerketten, bei denen jeder Layer seinen Kontext beibehält und der Ursprungsfehler durchgereicht wird.

JavaScript Vue.js

AI generated

Reactivity Scheduler und nextTick in Vue 3 wirklich verstehen

Maxim Mironjuk - August 05, 2025

Ändert man zehn Refs hintereinander, rendert Vue nicht zehnmal, sondern einmal. Der Reactivity Scheduler bündelt DOM-Updates über die Microtask-Queue, und nextTick() ist das Werkzeug, um zuverlässig auf genau diesen Zeitpunkt zu warten, statt sich auf zufällige Reihenfolge zu verlassen.

JavaScript Alpine.js

AI generated

x-cloak richtig einsetzen: FOUC in Alpine.js zuverlässig vermeiden

Maxim Mironjuk - August 03, 2025

Wer Alpine.js ohne x-cloak einsetzt, riskiert ein kurzes Aufblitzen ungestylter Direktiven beim Seitenaufbau. x-cloak schließt genau diese Lücke zwischen HTML-Parsing und Alpine-Initialisierung mit einer einzigen CSS-Regel und einem Attribut, das zuverlässig verschwindet, sobald die Komponente bereit ist.

JavaScript Vue.js

AI generated

Ionic Vue Grundlagen: Native UI-Komponenten für Mobile Apps

Maxim Mironjuk - Juli 27, 2025

Ionic Vue liefert eine Komponentenbibliothek, die sich auf iOS wie eine native Cupertino-App und auf Android wie eine native Material-App verhält, ohne dass zwei separate UI-Schichten gepflegt werden müssen. Navigation-Stacks, Gesten und Theming sind fertig integriert und lassen sich direkt in Vue-3-Komponenten verwenden.

JavaScript

AI generated

JavaScript Moderne Array-Methoden: map, filter, reduce und mehr

Maxim Mironjuk - Juli 25, 2025

Arrays sind die meistgenutzte Datenstruktur in JavaScript – aber nur wenige Entwickler kennen den vollen Umfang der modernen Array-Methoden. Von flatMap über findLast bis zu den nicht-mutierenden ES2023-Methoden toSorted und toReversed: dieser Artikel zeigt, welche Methode wann richtig ist und wie man typische Performance-Fallen vermeidet.

JavaScript Security/OWASP

AI generated

String.isWellFormed() und toWellFormed(): kaputte UTF-16-Strings sicher behandeln

Maxim Mironjuk - Juli 24, 2025

Unpaarige Surrogate aus URL-Parametern, Datei-Uploads oder fremden APIs koennen ganze Funktionsketten crashen lassen. isWellFormed() und toWellFormed() schaffen endlich eine native Absicherung.

JavaScript Design Patterns

AI generated

Static Class Blocks: Initialisierung jenseits des Konstruktors

Maxim Mironjuk - Juli 24, 2025

Seit ES2022 erlauben static Class Blocks eine echte, mehrstufige Initialisierungslogik fuer statische Klassenfelder, inklusive Zugriff auf private Felder und regulaerer Fehlerbehandlung. Dieser Artikel zeigt, warum das Feature notwendig wurde, wie die Syntax im Detail funktioniert und wo es in der Praxis den Unterschied macht.

JavaScript

AI generated

ES2024 und ES2025 JavaScript-Features: vollständige Übersicht

Maxim Mironjuk - Juli 18, 2025

ECMAScript entwickelt sich schneller als je zuvor. ES2024 und ES2025 bringen Features, die seit Jahren in der Community gefordert wurden: Gruppierung von Daten, bessere Promise-Kontrolle, echte Datumsverarbeitung ohne Bibliotheken und strukturiertes Pattern Matching. Dieser Artikel deckt jeden wichtigen Zusatz mit konkreten Beispielen ab.

JavaScript Security/OWASP

AI generated

Cookie Store API im Detail: Asynchrones Cookie-Management ohne document.cookie

Maxim Mironjuk - Juli 12, 2025

Die Cookie Store API ersetzt das fehleranfällige Parsen von document.cookie durch eine asynchrone, promise-basierte Schnittstelle mit strukturierten Cookie-Objekten, change-Events und echtem Service-Worker-Zugriff. Wer Session-Cookies, Consent-Banner oder Auth-Tokens verwaltet, findet in der Cookie Store API eine deutlich robustere Grundlage als manuelles String-Parsing.

JavaScript

AI generated

Web Share API: Nativer Teilen-Dialog in JavaScript

Maxim Mironjuk - Juli 11, 2025

Benutzerdefinierte Share-Buttons mit hartkodierten Social-Media-Plattformen sind veraltet. Die Web Share API öffnet den nativen Teilen-Dialog des Betriebssystems – der Nutzer entscheidet, welche App er verwendet: WhatsApp, Telegram, Email, Notizen oder eine andere. Das Ergebnis ist eine bessere UX mit weniger Code und ohne Abhängigkeiten von Third-Party-SDKs.