Seite 78 - Mironsoft Blog

PHP-Arrays akzeptieren als Schlüssel nur Integer und Strings, Objekte werden dabei stillschweigend in Fehler oder in einen unbrauchbaren String konvertiert. SplObjectStorage schließt diese Lücke, indem sie Objekte per Identität als Schlüssel zulässt. Wir zeigen anhand von Objekt-Metadaten und Graph-Traversal, wo das im Alltag wirklich hilft.

Ein sauberes Toast-System zeigt Erfolg, Fehler und Warnungen konsistent an, verschwindet nach der richtigen Zeitspanne von selbst und bleibt auch für Screenreader-Nutzer verständlich. Mit Tailwind CSS für die Varianten und Alpine.js für Stacking und Timer entsteht daraus eine einzige, projektweit wiederverwendbare Komponente.

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.

Swiper.js und Slick kommen mit Hunderten von Kilobytes und eigenen JavaScript-Ökosystemen. Ein produktionsreifer Carousel-Slider für Hyvä braucht weder das eine noch das andere – Alpine.js reicht aus für Touch, Keyboard, Auto-Play und ARIA.

Hinter jedem reactive()-Aufruf steckt ein ES2015-Proxy mit get- und set-Traps, ein WeakMap-Dependency-Graph und ein feingranulares track/trigger-System. Wer die Proxy-Reaktivität von Vue 3 wirklich versteht, erkennt sofort, warum Destrukturierung Reaktivität zerstört und warum manche Objekte niemals reaktiv werden.

Eine Datenbank Anbindung direkt in Nuxt Server Routes spart ein separates Backend Projekt, bringt aber eigene Fallstricke mit: Connection Pooling in Serverless Umgebungen, Migrations Workflows und die Wahl zwischen Drizzle und Prisma entscheiden über Wartbarkeit und Performance der gesamten Anwendung.

Drag-and-Drop fühlt sich für Sehende mit Maus intuitiv an: Element greifen, verschieben, loslassen. Für Tastaturnutzer und Screenreader-Anwender existiert dieser Vorgang meist überhaupt nicht, weil er ausschließlich auf Mouse- und Touch-Events aufbaut, ohne dass ein einziges der beteiligten Elemente per Tab erreichbar oder per Enter aktivierbar ist. Wer Produktsortierung im Admin oder eine Wishlist-Reihenfolge ausschließlich per Drag-and-Drop anbietet, schließt damit eine ganze Nutzergruppe faktisch von der Funktion aus.

Ein durchdachtes Design-Token-System ist die Grundlage jedes skalierbaren Frontend-Projekts. Mit Tailwind CSS v4 und @theme werden Design-Tokens zu CSS Custom Properties, die gleichzeitig als Tailwind-Utilities, in CSS-Eigenschaften und in JavaScript verfügbar sind – eine echte Single Source of Truth für Farben, Typografie, Spacing und mehr.

Wer eine Sicherheitslücke in einer fremden Webanwendung findet, steht oft vor einem einfachen, aber ungelösten Problem: An wen meldet man den Fund eigentlich? Ohne eine klare Anlaufstelle enden viele Meldungen im allgemeinen Support-Postfach, werden ignoriert oder landen aus Frustration direkt öffentlich in sozialen Netzwerken. RFC 9116 löst dieses Problem mit einer denkbar einfachen Idee: einer standardisierten Textdatei unter einem festen Pfad, die Kontaktwege, Fristen und Signaturen für verantwortungsvolle Meldungen bereitstellt.

Das Iterieren über Dateinamen mit Leerzeichen ist einer der häufigsten Fehler in Shell-Skripten. for f in $(find ...) bricht bei Leerzeichen, Tabs und Newlines in Dateinamen. find -print0 mit Nullbyte-Trennung, korrektes Globbing und read -d '' lösen das Problem ein für allemal – zuverlässig, portabel und ohne Sonderfall-Logik.