Gleich vorweg, es geht um Berechtigungen – mein Lieblingsthema (Sarkasmus aus…). Und zwar geht es im Konkreten darum, dass eine Single-Page Application, die auf der Domäne A liegt, auf Endpunkte eines ASP.NET Core Web API Projektes zugreifen soll, die auf der Domäne B liegen. Der Fall ist mMn durchaus realistisch, da bspw. die SPA in […]
Zuerst zur Definition der zwei Begriffe Authentication und Authorization. Authentication (Authentifizierung): Wer ist der Benutzer und ist er der, der er vorgibt zu sein? Authorization (Autorisierung): Was darf der Benutzer bzw. worauf hat er Zugriff? Authentication (Authentifizierung) Gibt Auskunft darüber, wer der Benutzer ist und ob er der ist, den er vorgibt zu sein. Die […]
Das Intl-Objekt in JavaScript ist für die Internationalisierung zuständig. Dazu zählen bspw. die Formatierung von einer Nummer oder eines Datums. Hierfür wird als erstes ein Format-Objekt erstellt, mit welchem anschließend Werte formatiert werden können. Dem Format-Objekt werden die Kultur sowie Formatierungseinstellungen übergeben. Nachfolgend ein paar der mMn wichtigsten Beispiele:
Ein etwas unbekanntes, aber dennoch sehr mächtiges Konstrukt in JavaScript sind Proxies. Diese verhalten sich wie das ursprüngliche Objekt, können aber um weitere Funktionen wie z. B. spezifische Logik in get/set erweitert werden. Beim Erzeugen eines Proxies wird das ursprüngliche Objekt sowie ein Handler übergeben. Ein paar Anwendungsbeispiele für Proxies, die mir spontan einfallen:
Scroll-Snap ermöglicht es, dass wenn ein Container-Element, welches kleiner ist als die darin enthaltenen Elemente, an bestimmten Stellen beim Scrollen einrastet. Dieses Verhalten kennt man bspw. von Galerien oder Webseiten, die aus mehreren Blöcken bestehen, die untereinander angeordnet sind und jeweils bildschirmfüllend sind. Die Umsetzung ist einfach. Das Container-Element erhält die Eigenschaft „scroll-snap-type“. Eine weitere […]
Kurzgesagt ist ein Cookie nichts anderes als eine Textdatei (oder mehrere) mit einem Schlüssel und einem Wert sowie anderen optionalen Einstellungen. Diese können vom Webserver oder Browser mittels JavaScript erzeugt werden und werden bei jeder Abfrage vom Browser an den Webserver mit gesendet (auch bei der Abfrage von Bildern oder anderen Dateitypen). Nach RFC 6265 […]
JavaScript Web Tokens bzw. die Abkürzung JWT sind eine in sich geschlossene Technik um Informationen sicher zu übertragen. Definiert ist das Ganze in einem offenen Standard (RFC 7519). Dadurch, dass der JWT signiert ist (HMAC oder RSA), wird gewährleistet, dass die darin enthaltenen Informationen nicht verändert wurden. Der primäre Einsatzzweck ist Autorisierung. Sobald sich ein […]
Die CSS-Eigenschaft „position“ dürfte allen bekannt sein (static, fixed, relative und absolute). Relativ neu ist hier der Wert „sticky“. Mit diesem kann eingestellt werden, dass ein Element so lange sichtbar bleibt, wie der Container, in dem es sich befindet, sichtbar ist. Ein praktischer Anwendungsfall ist z. B. eine Tabelle, bei der die Überschriftenzeile so lange sichtbar […]
Mittlerweile unterstützen alle Browser (IE ist kein Browser 😉) CSS Variablen (werden auch Custom Properties genannt). Dass diese für einfache Werte verwendet werden können, dürfte allen, die damit arbeiten, klar sein. Der Blog-Post https://codersblock.com/blog/what-can-you-put-in-a-css-variable/ zeigt noch wesentlich mehr Anwendungsfälle toll aufbereitet. Folgende Themen werden u. a. behandelt: Lesen dringend empfohlen 🤘.
In den nächsten Beiträgen geht es um Webprogrammierung und dabei um Themen, die eventuell nicht allen bekannt sind. Als erstes habe ich mir das Thema Input mit integrierten Buttons ausgesucht. Wer sich den Code ansieht, stellt fest, dass es sich um einen kleinen Hack handelt. Der Button ist nicht Teil des Inputs, sondern steht neben […]
