Pagina din prim-plan nu trebuie să stocheze date în baza de date, ci trebuie să transmită datele către pagina următoare. Aici intervine stocarea temporară a datelor. Utilizarea cache-ului pe frontend.
Asemănări:
1. Funcția este aceeași, sessionStorage și localStorage sunt ambele obiecte folosite pentru a stoca informații temporare pe client.
2. Tipul conținutului de stocare: Ambele stochează date de tip string.
3. Operație de stocare a datelor: cheie-valoare, utilizarea operațiunii este aceeași.
Diferențe:
Ciclu de viață:
1. sessionStorage: Ciclul de viață este fereastra sau fila curentă; odată ce fereastra sau fila este închisă, toate datele stocate prin sessionStorage vor fi golite, se recomandă utilizarea sessionStroage pentru considerente de securitate.
（
1) Restricții de politică omologă. Pentru a funcționa pe același SessionStorage între pagini diferite, acestea trebuie să fie sub același protocol, același nume de gazdă și același port. (Adică 8 și 9 stochează datele doar pe baza aceluiași nume de gazdă, ignorând cerințele protocolului (HTTP și HTTPS) și ale numărului de port)
2) Limită de tabă simplă,În fila cu o singură pagină, pot fi accesate adrese URL diferite! Aici este limita pentru o singură tabă。 operațiunile sessionStorage sunt limitate la o singură filă, iar datele sessionStorage pot fi partajate accesând aceeași pagină din această filă.
3) Să facă magazin doar local. Datele seesionStorage nu sunt trimise către server împreună cu cererea HTTP, acestea au efect doar local și șterg datele după închiderea filei. (Dacă folosești funcția de fila de recuperare a Chrome, datele din seesionStorage vor fi și ele restaurate.)
4) Metoda de depozitare. seesionStorage folosește metodele cheie și de valoare. Valoarea trebuie să fie de tip șir (care intră într-un non-șir va fi de asemenea convertit într-un șir când este stocat). Valoarea adevărată este convertită în "adevărată").
5) Limita limitei de stocare: Diferite browsere au limite diferite de stocare, dar majoritatea limitează limita superioară la mai puțin de 5MB.
accesibilhttp://dev-test.nemikor.com/web-storage/support-test/Testează limita de stocare a browserului.
）
2. localStorage: Ciclul de viață este permanent, ceea ce înseamnă că, dacă utilizatorul nu șterge explicit informațiile localStorage din interfața oferită de browser, informația va exista pentru totdeauna.
Schimb de informații:
Diferite browsere nu pot partaja informații în localStorage sau sessionStorage. Paginile din același browser pot partaja același localStorage (paginile aparțin aceluiași nume de domeniu și port), dar informațiile SessionStorage nu pot fi partajate între pagini sau file diferite. Este important de menționat că paginile și filele sunt doar ferestre de nivel superior, iar dacă o filă conține mai multe etichete iframe și aparțin aceleiași pagini, pot partaja sessionStorage între ele.
local.storage.ts Cod sursă:
session.storage.ts Cod sursă
Menționat în fișierul app.module.ts
Folosită în componente
|
Postat pe 23.10.2018 10:37:13
|
|
|
|
