INF.03Frontend & JS
Pamięć przeglądarki (localStorage i sessionStorage)
Interfejs przeglądarki umożliwiający bezpieczne przechowywanie par klucz-wartość (stringów) po stronie klienta o pojemności ok. 5-10 MB.
localStorage vs sessionStorage:
- localStorage – dane są przechowywane trwale, nie wygasają po zamknięciu karty ani przeglądarki.
- sessionStorage – dane są usuwane natychmiast po zamknięciu karty/okna przeglądarki.
JAVASCRIPT
// Zapisywanie danych:
localStorage.setItem('motyw', 'ciemny');
localStorage.setItem('uzytkownik', JSON.stringify({ id: 1, login: 'anna' }));
// Odczytywanie danych:
const motyw = localStorage.getItem('motyw');
const uzytkownik = JSON.parse(localStorage.getItem('uzytkownik'));
// Usuwanie danych:
localStorage.removeItem('motyw');
localStorage.clear(); // Usunięcie wszystkich danych domenyNajczęstsze pułapki na egzaminie INF.03:
- Obiekt Storage przechowuje wyłącznie ciągi znaków (stringi). Aby zapisać obiekt lub tablicę, musisz użyć
JSON.stringify(), a przy odczycieJSON.parse().
Chcesz sprawdzić to pojęcie w praktyce?
Przeszukaj pytania z oficjalnych arkuszy CKE powiązane z hasłem Pamięć przeglądarki (localStorage i sessionStorage) lub rozpocznij trening.