Seite 92 - Maxim Mironjuk

Eine lange Tabelle, die beim Drucken mitten in einer Zeile umbricht, ist einer der sichtbarsten CSS-Fehler auf Rechnungen und Bestellbestaetigungen. Mit break-inside: avoid fuer Zeilen und einem korrekt eingesetzten thead als wiederholtem Kopf lassen sich Seitenumbrueche gezielt so steuern, dass jede Seite fuer sich lesbar bleibt, ganz ohne JavaScript oder serverseitiges PDF-Rendering.

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.

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.

HTTP Request Smuggling entsteht, wenn ein vorgelagerter Proxy oder Load Balancer und der dahinterliegende Backend-Server dieselbe HTTP-Nachricht unterschiedlich interpretieren, insbesondere hinsichtlich der Frage, wo genau ein Request endet und der nächste beginnt, wodurch ein Angreifer einen versteckten zweiten Request in die Verbindung einschmuggeln kann, der vom Backend fälschlicherweise als eigenständiger Request eines anderen, völlig unbeteiligten Nutzers interpretiert wird. Diese Schwachstellenklasse ist besonders gefährlich, weil sie nicht in der Anwendung selbst liegt, sondern in der Infrastruktur-Interaktion zwischen zwei eigentlich korrekt implementierten Komponenten.

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.

Ruckelnde Listen, verzögerte Touch-Reaktionen und träge Animationen haben in React Native fast immer dieselbe Ursache: zu viel asynchrone Kommunikation zwischen JavaScript und der nativen Seite. Die neue Architektur mit JSI und Fabric hat viele dieser Engpässe strukturell beseitigt, doch Performance bleibt eine Frage der richtigen Techniken im eigenen Code.

Ein Vue Warenkorb muss sich sofort anfühlen, auch wenn Magento im Hintergrund eine GraphQL Mutation verarbeitet. Ein Pinia Store mit optimistischen Updates, klarer Fehlerkorrektur und Server-Synchronisation löst dieses Spannungsfeld, ohne den Nutzer je im Unklaren zu lassen.

Font-Dateien gehören oft zu den größten Einzelressourcen einer Webseite, obwohl ein Großteil ihres Inhalts nie zur Anzeige kommt. Mit Font-Subsetting und Variable Fonts lässt sich die übertragene Datenmenge drastisch reduzieren, ohne dass Nutzer einen sichtbaren Unterschied in der Typografie bemerken.

Eine Vue Storefront ist mehr als ein SPA Grundgerüst vor der Magento API. Wer Rendering-Modell, GraphQL Datenschicht, Caching und Routing von Anfang an sauber trennt, baut eine Storefront, die auch bei zehntausenden Produkten schnell bleibt und sich ohne Neubau erweitern lässt.

OpenAPI 3.1 ist der Industriestandard für REST API Dokumentation – aber viele Teams nutzen nur einen Bruchteil seiner Möglichkeiten. Dieser Guide erklärt alle wesentlichen Bausteine: von Info und Paths über Components und Schemas bis zu Security und Callbacks, mit vollständigen praxisnahen YAML-Beispielen.