HTML5 - pamięć przeglądarki

Podczas pracy ze stronami internetowymi zdarzają się sytuacje, w których musimy wykorzystać dane, które utrzymują się podczas przeglądania przez użytkownika, jednak nie chcemy lub nie możemy korzystać z baz danych, więc możemy do tego wykorzystać pamięć w przeglądarce.
Pamięć przeglądarki
Przeglądarka pozwala nam przechowywać znaczną ilość danych za pomocą różnych narzędzi, które nam daje. HTML5, decyzja o użyciu jednego lub drugiego przechodzi przez zdefiniowanie tego, co chcemy zrobić.
Spośród różnych rodzajów pamięci, z których możemy korzystać, podkreślimy Lokalny magazyn, dzięki tego typu magazynom możemy zapisz różne skojarzenia klucz-wartość dzięki któremu możemy zachować trwałość danych użytkownika na Twoim lokalnym komputerze, z którego uzyskujesz dostęp do strony HTML5.
Lokalny magazyn
Aby użyć Lokalny magazyn jesteśmy zależni od globalnej własności Lokalny magazyn, powiedział nieruchomość my zwraca obiekt Storage w którym będziemy mieli różne skojarzenia klucz - wartość, o których wspomnieliśmy powyżej.
Decydując się na pracę z tego typu magazynem będziemy mogli liczyć na jego różne metody, aby móc zbudować potrzebne nam funkcjonalności, z tego powodu musimy je znać, zobaczmy poniżej metody, które mamy w tym typie pamięci lokalnej.

• jasne (): Ta metoda pozwala nam wyczyścić wszystkie skojarzenia zapisane w naszym obiekcie.
• Zdobądź przedmiot (): Pozwala nam uzyskać wartość asocjacji za pomocą klucza, który przekazujemy jako parametr.
• klucz (): Pozwala nam uzyskać klucz stowarzyszenia, wykorzystując do tego Twoje stanowisko.
• długość: Wskazuje ilość elementów kluczowo - wartościowych, które w danej chwili przechowujemy.
• Usuń przedmiot (): Zamiast czyścić wszystkie elementy za pomocą clear(), tą metodą możemy usunąć określone elementy, używając ich klucza jako identyfikatora.
• setItem (,): Ta metoda pozwala nam dodać nowe powiązanie lub zaktualizować je, jeśli umieszczony przez nas klucz już istnieje.
• []: Pozwala nam na dostęp do treści jednego z skojarzeń w postaci tablicy.

Bardzo dobrze teraz, gdy znamy już metody, którymi dysponujemy, zrobimy kod demonstracyjny, dzięki któremu nauczymy się korzystać z pamięci lokalnej:

 PrzykładKlucz:Wartość:Dodaj Wyczyść
Są elementy

 
Elementy:
-

 

 

W tym przykładzie zbudowaliśmy funkcjonalność, która pozwala nam zapisywać wartości w polach typ tekstu wejściowego a następnie za pomocą funkcji, aby móc przechowywać te wartości lokalnie.
Zobaczmy, jak to wygląda w naszej przeglądarce:

Możemy zauważyć, jak możemy dodać wiele elementów, a następnie przejrzeć je, aby je pokazać.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt