✅ HTML5 - Nettleserlagring

Innholdsfortegnelse

Når du arbeider med nettsider, er det tidspunkter hvor vi må bruke data som vedvarer under brukerens surfing, men vi ønsker ikke eller kan ikke bruke databaser, så for dette kan vi bruke lagringen i nettleseren.
Nettleser lagring
Nettleseren lar oss lagre en betydelig mengde data med de forskjellige verktøyene den gir oss. HTML5, beslutningen om å bruke det ene eller det andre går gjennom å definere hva vi vil gjøre.
Av de forskjellige lagringstypene vi kan bruke, vil vi markere lokal lagring, med denne typen lagring kan vi lagre forskjellige nøkkelverdiassosiasjoner som vi kan opprettholde en vedvarende brukerdata på din lokale datamaskin fra der du får tilgang til siden HTML5.
Lokal lagring
For å bruke lokal lagring vi er avhengige av globalt eierskap lokal lagring, sa eiendom vi returnerer et lagringsobjekt der vi vil ha de forskjellige nøkkelverdiassosiasjonene som vi nevnte ovenfor.
Når vi bestemmer oss for å jobbe med denne typen lagring, vil vi kunne stole på de forskjellige metodene for å kunne bygge funksjonalitetene vi trenger, derfor må vi kjenne dem, la oss se nedenfor metodene vi har i denne typen av lokal lagring.

klart (): Denne metoden lar oss rense alle assosiasjoner lagret i objektet vårt.
getItem (): Det lar oss få verdien av assosiasjonen ved å bruke en nøkkel som vi sender som parameter.
nøkkel (): Det lar oss skaffe nøkkelen til foreningen ved å bruke din posisjon for det.
lengde: Den angir mengden nøkkelverdielementer som vi har lagret for øyeblikket.
fjerne gjenstand (): I stedet for å fjerne alle elementene med clear (), kan vi med denne metoden fjerne spesifikke elementer ved å bruke nøkkelen som identifikator.
setItem (,): Denne metoden lar oss legge til en ny tilknytning eller oppdatere en hvis nøkkelen vi plasserer allerede eksisterer.
[]: Det gir oss tilgang til innholdet i en av foreningene i form av en matrise.

Veldig bra nå som vi kjenner metodene vi har, skal vi lage en demokode som vi vil lære å bruke lokal lagring med:

EksempelSkiftenøkkel:Verdi:Legg til Clear

Det er elementer

Elementer:	-

I dette eksemplet har vi bygget en funksjonalitet som lar oss skrive verdier i feltene skriv inn teksttype og deretter gjennom funksjoner for å kunne lagre disse verdiene lokalt.
La oss se hvordan dette ser ut i nettleseren vår:

Vi kan legge merke til hvordan vi kan legge til en rekke elementer, og vi kan deretter gå gjennom dem for å vise dem.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng