Az előtérben lévő oldalnak nem kell adatokat tárolnia az adatbázisban, hanem át kell adnia az adatokat a következő oldalra. Itt jön képbe az adattárolás ideiglenesen. Cache használata a frontenden.
Hasonlóságok:
1. A funkció ugyanaz, sessionStorage és localStorage is olyan objektumok, amelyeket ideiglenes információk tárolására használnak az ügyfélen.
2. Tárolótartalom típus: Mindkettő tárol string típusú adatokat.
3. Adattárolási művelet: kulcs-érték, a művelet használata ugyanaz.
Különbségek:
Életciklus:
1. sessionStorage: Az életciklus az aktuális ablak vagy tabul, amikor az ablak vagy fül bezárul, az sessionStorage-en tárolt összes adat kiürül, ezért ajánlott a sessionStroage használata biztonsági szempontból.
( 1) Homológ politikai korlátozások. Ahhoz, hogy ugyanazon sessionStorage-on működjön különböző oldalak között, ugyanazon protokollon, ugyanazon hosztnéven és ugyanannak a portnak kell lennie. (Az IE 8 és 9 csak ugyanazon a hosztnév alapján tárol adatokat, figyelmen kívül hagyva a protokollt (HTTP és HTTPS) és a portszám követelményeit)
2) Egytáblás korlát,Az egyoldalas fülön különböző URL-címek érhetők el! Itt van az egytabulás határ。 sessionStorage műveletek egyetlen fülre korlátozódnak, és sessionStorage adatait megoszthatjuk ugyanannak az oldalnak a megkeresésével ezen a fülön.
3) Csak helyben tárolni. A seesionStorage adatai nem a HTTP kéréssel együtt érkeznek a szerverre, csak helyben lépnek életbe, és a fül lezárása után töröli az adatokat. (Ha használod a Chrome helyreállítási fülfunkcióját, a seesionStorage adatai is visszaállnak.)
4) Tárolási módszer. seesionStorage a kulcs és érték metódusokat használja. Az értéknek string típusúnak kell lennie (a nem string bejövő változatot tárolva szintén stringjévé alakítják.) az igaz értéket "igaz" értékre alakítják).
5) Tárolási korlát: Különböző böngészőknek eltérő a tárhelyhatára, de a legtöbb böngésző a felső korlátot 5MB alatti szintre korlátozza.
Megközelíthetőhttp://dev-test.nemikor.com/web-storage/support-test/Teszteld a böngésző tárolókapacitását.
)
2. localStorage: Az életciklus végleges, ami azt jelenti, hogy ha a felhasználó nem törli kifejezetten a localStorage információt a böngésző által biztosított felhasználói felületen, az információ örökre megmarad.
Információmegosztás:
A különböző böngészők nem oszthatnak meg információkat a localStorage-ban vagy sessionStorage-ben. Ugyanabban a böngészőben lévő oldalak ugyanazon a localStorage-en keresztül osztozhatnak (az oldalak ugyanazzal a domainnéven és portban vannak), de a sessionStorage adatai nem oszthatók meg különböző oldalak vagy tabok között. Fontos megjegyezni, hogy az oldalak és fülek csak felső szintű ablakok, és ha egy fül több iframe címkét tartalmaz, amelyek ugyanarra az oldalra tartoznak, akkor megoszthatják a sessionStorage-t közöttük.
local.storage.ts Forráskód:
session.storage.ts Forráskód
Hivatkozva a fájlban app.module.ts
Alkatrészekben való használat
|