Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Pohľad: 12863|Odpoveď: 0

[Angular] Angular 6 localStorage a sessionStorage zapuzdrenie

[Kopírovať odkaz]
Zverejnené 23. 10. 2018 10:37:13 | | | |
Stránka v popredí nemusí ukladať dáta do databázy, ale musí ich odovzdať na ďalšiu stránku. Tu prichádza na rad dočasné ukladanie dát. Použitie cache na frontende.

Podobnosti:

1. Funkcia je rovnaká, sessionStorage a localStorage sú oba objekty používané na ukladanie dočasných informácií na klientovi.

2. Typ obsahu úložiska: Obe ukladajú dáta typu reťazca.

3. Operácia ukladania dát: kľúč-hodnota, použitie operácie je rovnaké.

Rozdiely:

Životný cyklus:

1. sessionStorage: Životný cyklus je aktuálne okno alebo karta, keď sa okno alebo karta zatvorí, všetky dáta uložené cez sessionStorage sa vyprázdnia, preto sa odporúča používať sessionStroage z bezpečnostných dôvodov.


1) Homológne obmedzenia politiky. Aby mohli fungovať na rovnakom SessionStorage medzi rôznymi stránkami, musia byť pod rovnakým protokolom, rovnakým hostname-om a rovnakým portom. (IE 8 a 9 ukladajú dáta založené iba na rovnakom mene, ignorujúc požiadavky na protokol (HTTP a HTTPS) a číslo portu)

2) Limit na jednu záložku,V záložke s jednou stránkou sú prístupné rôzne URL adresy! Tu je limit na jednu záložku。 sessionStorage operácie sú obmedzené na jednu kartu a sessionStorage dáta je možné zdieľať prístupom na tú istú stránku v tejto karte.



3) Skladujte len lokálne. Dáta seesionStorage sa neodosielajú na server spolu s HTTP požiadavkou, účinkujú len lokálne a vymažú údaje po zatvorení karty. (Ak použijete funkciu recovery tab v Chrome, dáta seesionStorage sa tiež obnovia.)

4) Spôsob skladovania. seesionStorage používa metódy kľúča a hodnoty. Hodnota musí byť typu reťazca (prichádzajúci nereťazec sa tiež pri uložení prevedie na reťazec). skutočná hodnota sa konvertuje na "pravú").

5) Limit úložiska: Rôzne prehliadače majú rôzne limity úložiska, ale väčšina prehliadačov obmedzuje horný limit na menej ako 5MB.

Prístupnéhttp://dev-test.nemikor.com/web-storage/support-test/Otestujte limit úložiska prehliadača.


2. localStorage: Životný cyklus je trvalý, čo znamená, že pokiaľ používateľ explicitne nevymaže localStorage informácie v používateľskom rozhraní poskytovanom prehliadačom, informácie budú existovať navždy.

Zdieľanie informácií:

Rôzne prehliadače nemôžu zdieľať informácie v localStorage alebo sessionStorage. Stránky v tom istom prehliadači môžu zdieľať rovnaké localStorage (stránky patria rovnakému doménovému menu a portu), ale informácie o sessionStorage nie je možné zdieľať medzi rôznymi stránkami alebo kartami. Je dôležité si uvedomiť, že stránky a karty sú len okná na najvyššej úrovni, a ak karta obsahuje viacero iframe tagov a patria do tej istej stránky, môžu medzi sebou zdieľať sessionStorage.

local.storage.ts Zdrojový kód:

session.storage.ts Zdrojový kód

Spomínané v súbore app.module.ts


Použitie v komponentoch







Predchádzajúci:[Prepis] BonusCloud Python nástroj získaj aktivačný kód
Budúci:Dá sa Chaink stále hrať?
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.

Mail To:help@itsvse.com