Strona na pierwszym planie nie musi przechowywać danych w bazie danych, lecz musi przekazać dane na następną stronę. Właśnie tutaj pojawia się tymczasowe przechowywanie danych. Wykorzystanie cache na frontendzie.
Podobieństwa:
1. Funkcja jest taka sama, sessionStorage i localStorage to oba obiekty używane do przechowywania tymczasowych informacji na kliencie.
2. Typ zawartości pamięci: Oba przechowują dane typu string.
3. Operacja przechowywania danych: klucz-wartość, zużycie operacji jest takie samo.
Różnice:
Cykl życia:
1. sessionStorage: Cykl życia to bieżące okno lub zakładka, po zamknięciu okna lub zakładki wszystkie dane przechowywane przez sessionStorage zostaną opróżnione; zaleca się korzystanie z sessionStroage ze względów bezpieczeństwa.
（
1) Homologiczne ograniczenia polityki. Aby działać na tym samym SessionStorage między różnymi stronami, muszą być pod tym samym protokołem, tą samą nazwą hosta i tym samym portem. (IE 8 i 9 przechowują dane oparte wyłącznie na tej samej nazwie hosta, ignorując wymagania dotyczące protokołu (HTTP i HTTPS) oraz numeru portu)
2) Limit pojedynczych tablet,W zakładce pojedynczej strony dostępne są różne adresy URL! Oto limit pojedynczej karty。 sessionStorage operacje są ograniczone do jednej zakładki, a dane sessionStorage można udostępniać, uzyskując dostęp do tej samej strony w tej karcie.
3) Przechowywać tylko lokalnie. Dane seesionStorage nie są wysyłane na serwer razem z żądaniem HTTP, działają one lokalnie i czyszczą dane po zamknięciu karty. (Jeśli użyjesz karty recovery w Chrome, dane seesionStorage również zostaną przywrócone.)
4) Metoda przechowywania. seesionStorage korzysta z metod klucza i wartości. Wartość musi mieć typ ciągu (przychodzący nie-ciąg również zostanie przekształcony w ciąg po zapisie). wartość rzeczywista jest przeliczana na "prawdziwą").
5) Limit pamięci: Różne przeglądarki mają różne limity pamięci, ale większość przeglądarek ogranicza górny limit do mniej niż 5MB.
Dostępnyhttp://dev-test.nemikor.com/web-storage/support-test/Sprawdź limit pamięci w przeglądarce.
）
2. localStorage: Cykl życia jest trwały, co oznacza, że jeśli użytkownik nie wyczyści wyraźnie informacji localStorage w interfejsie użytkownika udostępnionym przez przeglądarkę, informacje te będą istnieć na zawsze.
Dzielenie się informacjami:
Różne przeglądarki nie mogą udostępniać informacji w localStorage ani sessionStorage. Strony w tej samej przeglądarce mogą dzielić tę samą localStorage (strony należą do tej samej domeny i portu), ale informacje o sessionStorage nie mogą być udostępniane między różnymi stronami lub zakładkami. Ważne jest, aby pamiętać, że strony i zakładki to tylko okna najwyższego poziomu, a jeśli zakładka zawiera wiele tagów iframe i należą one do tej samej strony, mogą dzielić między sobą sessionStorage.
local.storage.ts Kod źródłowy:
session.storage.ts Kod źródłowy
Wspomniane w pliku app.module.ts
Zastosowanie w komponentach
|
Opublikowano 23.10.2018 10:37:13
|
|
|
|
