# Введение

Прежде всего, цитируя введение автора Medium Если вам есть что рассказать, знаниями, которыми можно поделиться, или точкой зрения, которую вы можете предложить…. Я должен предварить, что это будет написано на основе моей точки зрения и интерпретации этого конкретного предмета, с намерением вести журнал. Пожалуйста, присоединитесь к JS30 или посетите docs для полного подробного объяснения.

Спасибо ВесБос! за создание этого замечательного курса, который помогает нам, начинающим разработчикам, расти и процветать.

и всем привет! богам интернета.

# Упражнение

В этом конкретном упражнении нам нужно было создать список пластин, которые будут храниться в сеансе окна, а это означает, что при обновлении страницы данные не исчезнут. Итак, чтобы сохранить данные и получить их при загрузке страницы, мы использовали localStorage().

# localStorage()

В каждом браузере, таком как chrome, mozilla, safari и т. д., вы можете хранить данные, используя свойство окна JavaScript, называемое localStorage(), сохраненные данные сохраняются в разных сеансах, эти данные сохраняются с двумя входами ключ, который служит идентификатором и значениями (данными). Он может хранить только строки и имеет приблизительный предел памяти 5 МБ. У него нет срока годности, его нужно удалить.

# метода

Методы локального хранения позволяют пользователю создавать, читать, обновлять и удалять (CRUD) данные, используя встроенные свойства.

  • Создать

Первый метод, который у нас есть, это localStorage.setItem(), который принимает два аргумента: ключ и значения (данные в виде строки).

  • Читать

Затем у нас есть localStorage.getItem(), он принимает ключ элемента в качестве параметра и возвращает сохраненные данные под этим ключом.

  • Обновить

Чтобы обновить сохраненные данные, мы можем использовать localStorage.setItem(), он принимает два аргумента: идентификатор ключа и новые данные.

  • Удалить или уничтожить (зависит от вашего настроения, лол!)

У нас есть два варианта: либо удалить определенный элемент с помощью localStorage.removeItem(), передав ключ удаляемого элемента. Или мы можем удалить все элементы с помощью localStorage.clear().

# Заключение

Это упражнение помогло мне понять, как использовать различные методы localStorage для управления небольшими данными из сеанса пользователя. localStorage поддерживается во всех браузерах.

Я надеюсь, что вы можете извлечь из этого немного соли, что вы думаете о локальном хранении данных в сеансе?

Спасибо за чтение!! Оставайтесь в безопасности !!!