Ön plandaki sayfanın veri tabanında veri depolaması gerekmez, ancak veriyi bir sonraki sayfaya aktarması gerekir. İşte burada verinin geçici depolanması devreye giriyor. Ön tarafta önbellek kullanımı.
Benzerlikler:
1. Fonksiyon aynıdır, sessionStorage ve localStorage her ikisi de istemci üzerinde geçici bilgi depolamak için kullanılan nesnelerdir.
2. Depolama içeriği türü: Her ikisi de dizi tipi veri saklar.
3. Veri depolama işlemi: anahtar-değer, işlem kullanımı aynıdır.
Farklar:
Yaşam döngüsü:
1. sessionStorage: Yaşam döngüsü mevcut pencere veya sekmedir, pencere veya sekme kapandığında sessionStorage üzerinden depolanan tüm veriler boşaldılır, güvenlik açısından sessionStroage kullanılması önerilir.
（
1) Eş zamanlı politika kısıtlamaları. Farklı sayfalar arasında aynı sessionStorage üzerinde çalışabilmek için, aynı protokol, aynı ana bilgisayar adı ve aynı port altında olmaları gerekir. (IE 8 ve 9, yalnızca aynı ana bilgisayar adına dayalı verileri saklar, protokol (HTTP ve HTTPS) ve port numarası gereksinimlerini görmezden gelir)
2) Tek sekme sınırı,Tek sayfa sekmesinde farklı URL adreslerine erişilebiliyor! İşte tek sekmeli limit。 sessionStorage işlemleri tek bir sekmeyle sınırlıdır ve sessionStorage verileri bu sekmedeki aynı sayfaya erişerek paylaşılabilir.
3) Sadece yerel olarak depolayın. seesionStorage'ın verileri HTTP isteğiyle birlikte sunucuya gönderilmez, sadece yerel olarak etki gösterir ve sekme kapandıktan sonra veri temizlenir. (Chrome'un kurtarma sekmesi fonksiyonunu kullanırsanız, seesionStorage'ın verileri de geri yüklenir.)
4) Depolama yöntemi. seesionStorage, anahtar ve değer yöntemlerini kullanır. değer dize türünde olmalıdır (gelen bir dize olmayan biri de saklandığında dize dönüştürülür.) gerçek değer "doğru"ya dönüştürülür).
5) Depolama sınırı: Farklı tarayıcıların depolama sınırları farklıdır, ancak çoğu tarayıcı üst sınırı 5MB'den az sınırlar.
erişilebilirhttp://dev-test.nemikor.com/web-storage/support-test/Tarayıcının depolama sınırını test edin.
）
2. localStorage: Yaşam döngüsü kalıcıdır, yani kullanıcı tarayıcı tarafından sağlanan arayüzdeki localStorage bilgisini açıkça temizlemezse, bilgi sonsuza dek var olur.
Bilgi Paylaşımı:
Farklı tarayıcılar localStorage veya sessionStorage içinde bilgi paylaşamaz. Aynı tarayıcıdaki sayfalar aynı localStorage'ı paylaşabilir (sayfalar aynı alan adı ve porta aittir), ancak sessionStorage bilgileri farklı sayfalar veya sekmeler arasında paylaşılamaz. Sayfalar ve sekmelerin yalnızca üst seviye pencereler olduğunu ve bir sekmenin birden fazla iframe etiketi içeriyorsa ve bunlar aynı sayfaya aitse, sessionStorage'ı aralarında paylaşabileceğini unutmamak önemlidir.
local.storage.ts Kaynak Kodu:
session.storage.ts Kaynak kodu
Dosyada referans app.module.ts
bileşenlerde kullanımı
|
Yayınlandı 23.10.2018 10:37:13
|
|
|
|
