Etualalla olevan sivun ei tarvitse tallentaa tietoja tietokantaan, vaan sen täytyy siirtää tiedot seuraavalle sivulle. Tässä kohtaa datan väliaikainen tallennus astuu kuvaan. Välimuistin käyttö frontendissä.
Yhtäläisyydet:
1. Funktio on sama, sessionStorage ja localStorage ovat molemmat objekteja, joita käytetään väliaikaisten tietojen tallentamiseen asiakkaalle.
2. Tallennussisältötyyppi: Molemmat tallentavat merkkijonotyyppistä dataa.
3. Tietojen tallennustoiminto: avain-arvo, operaation käyttö on sama.
Erot:
Elinkaari:
1. sessionStorage: Elinkaari on nykyinen ikkuna tai välilehti, kun ikkuna tai välilehti suljetaan, kaikki sessionStorageen tallennettu data tyhjennetään, ja sessionStroagea suositellaan turvallisuusnäkökohtiin.
（
1) Homologiset politiikkarajoitukset. Jotta ne voivat toimia samalla sessionStoragella eri sivujen välillä, niiden on oltava saman protokollan, saman isäntänimen ja saman portin alaisia. (IE 8 ja 9 tallentavat dataa vain samaan isäntänimeen, jättäen protokollan (HTTP ja HTTPS) ja porttinumeron vaatimukset huomiotta)
2) Yhden välilehden rajoitus,Yksittäisen sivun välilehdellä voi käyttää eri URL-osoitteita! Tässä on yksittäisen välilehden raja。 sessionStorage-toiminnot rajoittuvat yhteen välilehteen, ja sessionStorage-tietoja voi jakaa käyttämällä samaa sivua tässä välilehdessä.
3) Myy vain paikallisesti. seesionStoragen tietoja ei lähetetä palvelimelle HTTP-pyynnön mukana, vaan se aktivoituu vain paikallisesti ja tyhjentää tiedot välilehden sulkemisen jälkeen. (Jos käytät Chromen palautusvälilehteä, seesionStoragen tiedot palautuvat myös.)
4) Tallennusmenetelmä. seesionStorage käyttää avain- ja arvo-metodeja. Arvon on oltava merkkijonotyyppiä (saapuva ei-merkkijono, muunnetaan myös merkkijonoksi tallennetessa). todellinen arvo muunnetaan "todeksi").
5) Tallennusrajoitus: Eri selaimilla on erilaiset tallennusrajoitukset, mutta useimmat selaimet rajoittavat ylärajan alle 5MB:iin.
Saavutettavissahttp://dev-test.nemikor.com/web-storage/support-test/Testaa selaimen tallennusrajoitus.
）
2. localStorage: Elinkaari on pysyvä, mikä tarkoittaa, että ellei käyttäjä nimenomaisesti tyhjennä selaimen tarjoamasta käyttöliittymästä localStorage-tietoja, tiedot pysyvät ikuisesti.
Tiedon jakaminen:
Eri selaimet eivät voi jakaa tietoja localStorage- tai sessionStorage-tiedostoissa. Saman selaimen sivut voivat jakaa saman localStoragen (sivut kuuluvat samaan verkkotunnukseen ja porttiin), mutta sessionStorage-tietoja ei voi jakaa eri sivujen tai välilehtien välillä. On tärkeää huomata, että sivut ja välilehdet ovat vain ylätason ikkunoita, ja jos välilehti sisältää useita iframe-tageja ja ne kuuluvat samalle sivulle, ne voivat jakaa sessionStorage-tiedostoja niiden kesken.
local.storage.ts Lähdekoodi:
session.storage.ts Lähdekoodi
Viitataan tiedostossa app.module.ts
Käytetty komponenteissa
|
Julkaistu 23.10.2018 10.37.13
|
|
|
|
