Quali sono le principali differenze tra LocalStorage, SessionStorage e Cookies nella memorizzazione dei dati nel browser?

LocalStorage, SessionStorage e Cookies sono tre modi per memorizzare dati nel browser, ma differiscono per volume, durata e ambito di visibilità:

• LocalStorage:

  • Memorizza dati senza scadenza, fino a quando l'utente non li cancella manualmente.
  • I dati sono disponibili in tutte le schede e finestre dello stesso dominio.
  • La capacità è generalmente di circa 5-10 MB.
  • Non viene inviato al server ad ogni richiesta.

• SessionStorage:

  • I dati vivono solo all’interno di una sessione (finché la scheda del browser è aperta).
  • I dati non sono accessibili in altre schede o finestre.
  • La capacità è simile a quella di LocalStorage.
  • Non viene inviato al server.

• Cookies:

  • Hanno una capacità limitata (circa 4 KB).
  • Possono avere una durata di vita, dopo la quale vengono eliminati.
  • Vengono inviati al server ad ogni richiesta HTTP al dominio corrispondente.
  • Sono usati per autenticazione, tracciamento delle sessioni, ecc.

Esempio di utilizzo di LocalStorage:

// Salvare dati
localStorage.setItem('username', 'user123');

// Ottenere dati
const user = localStorage.getItem('username');