Informatik Webentwicklung – Browser-APIs und Web Storage
Karteikarten zum Thema „Informatik“ · 15 Karten · von atrio. Beispiele: Was ist der Unterschied zwischen localStorage und sessionStorage? · Wie groß ist das …
Karten
15 KartenWas ist der Unterschied zwischen localStorage und sessionStorage?
Rückseite
localStorage persistiert Daten browserweit ohne Ablaufdatum, sessionStorage speichert nur für die Dauer der Browsersitzung (Tab/Window).
Wie groß ist das typische Speicherlimit von localStorage pro Origin?
Rückseite
Meist 5 bis 10 MB pro Origin (Domain + Protokoll + Port), variiert je nach Browser und Konfiguration.
Nenne die vier Hauptmethoden von localStorage.
Rückseite
setItem(key, value), getItem(key), removeItem(key), clear() – alle arbeiten synchron und blockieren den Main Thread.
Was passiert mit sessionStorage-Daten beim Schließen eines Tabs?
Rückseite
Alle Daten werden automatisch gelöscht, da sessionStorage an die Lebensdauer des Browsing-Kontexts gebunden ist.
Wofür wird IndexedDB im Gegensatz zu localStorage verwendet?
Rückseite
Für große strukturierte Datenmengen (hundert MB), asynchrone Abfragen, Indizes und Transaktionen – eine NoSQL-Datenbank im Browser.
Was ist der Hauptvorteil der Cache API gegenüber localStorage?
Rückseite
Die Cache API speichert HTTP-Response-Objekte (Request/Response-Paare) für Offline-First und Service Worker, nicht nur Strings.
Welche Rolle spielt der Service Worker bei der Cache API?
Rückseite
Er fungiert als programmierbarer Netzwerk-Proxy, der Fetch-Events abfängt, Caches verwaltet und Offline-Funktionalität ermöglicht.
Wie unterscheidet sich die Fetch API vom klassischen XMLHttpRequest?
Rückseite
Fetch nutzt Promises, ist stream-basiert, unterstützt Request/Response-Objekte nativ und trennt Netzwerk- von Lesefehlern sauber.
Wofür wird die DOMParser API verwendet?
Rückseite
Zum Parsen von XML- oder HTML-Strings in ein DOM-Dokument (Document-Objekt) ohne Browser-Rendering.
Was ermöglicht die Web Workers API?
Rückseite
Ausführung von JavaScript in separaten Threads (Background), ohne den Main Thread zu blockieren – Kommunikation via postMessage.
Wozu dient die Blob-Schnittstelle in der File API?
Rückseite
Repräsentiert unveränderliche Rohdaten (Binärdaten), basis für File-Objekte und Downloads via URL.createObjectURL().
Was ist der Zweck der Broadcast Channel API?
Rückseite
Ermöglicht einfache Kommunikation zwischen gleichen Origins (Tabs, Windows, Workers) über named Channels mit postMessage.
Wofür nutzt man die Page Visibility API?
Rückseite
Erkennt Tab-Sichtbarkeit (visible/hidden), um Ressourcen zu sparen: Animationen pausieren, Polling stoppen, Analytics anpassen.
Was löst der Intersection Observer aus?
Rückseite
Callback bei Schnittmengenänderung eines Elements mit dem Viewport (oder Root) – effizient für Lazy Loading und Infinite Scroll.
Welche Metriken liefert die Performance API (Navigation Timing)?
Rückseite
DNS-Lookup, TCP-Connect, Request/Response-Timing, DOM-Events (load, interactive) – als High-Resolution-Timestamps in performance.timing.