✅ HTML5 - Webbläsarlagring

Innehållsförteckning

När vi arbetar med webbsidor finns det tillfällen då vi behöver använda data som kvarstår under användarens surfning, men vi vill inte eller kan inte använda databaser, så för detta kan vi använda lagringen i webbläsaren.
Webbläsarlagring
Webbläsaren tillåter oss att lagra en avsevärd mängd data med de olika verktygen som den ger oss. HTML5, beslutet att använda det ena eller det andra går igenom att definiera vad vi vill göra.
Av de olika typerna av lagring som vi kan använda kommer vi att markera lokalt utrymme, med den här typen av lagring kan vi spara olika nyckelvärdesföreningar som vi kan behålla en beständighet av användardata på din lokala dator från var du kommer åt sidan HTML5.
Lokalt utrymme
Att använda lokalt utrymme vi är beroende av globalt ägande lokalt utrymme, sa egendom vi returnerar ett lagringsobjekt där vi kommer att ha de olika nyckel - värdeföreningarna som vi nämnde ovan.
När vi bestämmer oss för att arbeta med denna typ av lagring kommer vi att kunna räkna med dess olika metoder för att kunna bygga de funktioner vi behöver, därför måste vi känna till dem, låt oss se nedan de metoder som vi har i denna typ av lokal lagring.

klar (): Denna metod gör att vi kan rengöra alla associationer som lagras i vårt objekt.
getItem (): Det gör att vi kan få värdet av föreningen med en nyckel som vi skickar som en parameter.
key (): Det tillåter oss att få nyckeln till föreningen med din position för det.
längd: Det anger mängden nyckelvärdeelement som vi har lagrat för tillfället.
ta bort sak (): Istället för att rensa alla element med clear () kan vi med den här metoden ta bort specifika element med deras nyckel som identifierare.
setItem (,): Denna metod låter oss lägga till en ny koppling eller uppdatera en om nyckeln vi placerar redan finns.
[]: Det gör att vi kan komma åt innehållet i en av föreningarna i form av en array.

Mycket bra nu när vi känner till de metoder vi har, kommer vi att göra en demokod som vi kommer att lära oss att använda lokal lagring med:

ExempelRycka:Värde:Lägg till Clear

Det finns element

Element:	-

I det här exemplet har vi byggt en funktionalitet som gör att vi kan skriva värden i fält av inmatningstextyp och sedan genom funktioner för att kunna lagra dessa värden lokalt.
Låt oss se hur det ser ut i vår webbläsare:

Vi kan märka hur vi kan lägga till ett antal element och vi kan sedan gå igenom dem för att visa dem.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng