HTML5 - Browser Storage

Når vi arbejder med websider, er der tidspunkter, hvor vi skal bruge data, der vedvarer under brugerens browsing, men vi ønsker ikke eller kan ikke bruge databaser, så til dette kan vi bruge opbevaringen i browseren.
Browseropbevaring
Browseren giver os mulighed for at gemme en betydelig mængde data med de forskellige værktøjer, den giver os. HTML5, beslutningen om at bruge det ene eller det andet går igennem at definere, hvad vi vil gøre.
Af de forskellige lagertyper, vi kan bruge, vil vi fremhæve lokal opbevaring, med denne type opbevaring kan vi redde forskellige nøgleværdiassociationer hvormed vi kan opretholde en vedvarende brugerdata på din lokale computer, hvorfra du får adgang til siden HTML5.
Lokal opbevaring
At bruge lokal opbevaring vi er afhængige af globalt ejerskab lokal opbevaring, sagde ejendom vi returnerer et lagringsobjekt hvor vi vil have de forskellige nøgleværdiassociationer, som vi nævnte ovenfor.
Når vi beslutter os for at arbejde med denne type lagring, vil vi være i stand til at regne med dens forskellige metoder for at kunne bygge de funktionaliteter, vi har brug for, derfor skal vi kende dem, lad os se nedenfor de metoder, vi har i denne type af lokal opbevaring.

• klart (): Denne metode giver os mulighed for at rense alle associationer, der er gemt i vores objekt.
• getItem (): Det giver os mulighed for at opnå værdien af ​​foreningen ved hjælp af en nøgle, som vi sender som parameter.
• nøgle (): Det giver os mulighed for at få nøglen til foreningen ved hjælp af din position til det.
• længde: Det angiver mængden af ​​nøgleværdi -elementer, som vi har gemt i øjeblikket.
• removeItem (): I stedet for at rydde alle elementer med clear () kan vi med denne metode fjerne bestemte elementer ved hjælp af deres nøgle som identifikator.
• setItem (,): Denne metode giver os mulighed for at tilføje en ny tilknytning eller opdatere en, hvis den nøgle, vi placerer, allerede findes.
• []: Det giver os mulighed for at få adgang til indholdet af en af ​​foreningerne i form af en matrix.

Meget godt nu, da vi kender de metoder, vi har, skal vi lave en demokode, som vi vil lære at bruge lokal lagring med:

 EksempelSkruenøgle:Værdi:Tilføj Clear
Der er elementer

 
Elementer:
-

 

 

I dette eksempel har vi opbygget en funktionalitet, der giver os mulighed for at skrive værdier i felter af indtastningsteksttype og derefter gennem funktioner for at kunne gemme disse værdier lokalt.
Lad os se, hvordan dette ser ud i vores browser:

Vi kan bemærke, hvordan vi kan tilføje et antal elementer, og vi kan derefter gå igennem dem for at vise dem.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt