<MyRusakov.ru />

Разработчик игр на Unreal Engine

Разработчик игр на Unreal Engine

Этот комплект с нуля всего за 7 месяцев сделает Вас Unreal-разработчиком. И при этом учиться достаточно 1 час в день.

Начнёте Вы с основ программирования, постепенно перейдя к C++. Затем очень подробно изучите Unreal Engine, и после научитесь программировать на C++ в Unreal Engine. В конце создадите крупный проект на C++ в Unreal Engine для своего портфолио.

Комплект содержит:

- 416 видеоуроков

- 95 часов видео

- 1024 задания для закрепления материала из уроков

- 3 финальных тестирования

- 4 сертификата

- 12 Бонусных курсов

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Сохраненяем данные в браузере с JavaScript и localStorage

Сохраненяем данные в браузере с JavaScript и localStorage

Здравствуйте! В сегодняшней статье мы рассмотрим, как можно хранить данные на стороне клиента, без необходимости обращаться к серверу сайта. Итак, обычно для размещения приложения требуется поставщик облачных услуг и база данных. Но иногда нам нужно что-то сделать в HTML без добавления базы данных. В этом случае мы используем JavaScript для доступа к localStorage браузера.

Что такое localStorage в JavaScript

localStorage в JavaScript позволяет веб-приложениям хранить данные локально в браузере пользователя – без срока действия. Данные не удаляются при закрытии браузера и доступны при повторном открытии. Также позволяет вашим клиентам быстро получать доступ к определенным данным без использования базы данных.

Как использовать методы localStorage в JavaScript

Существует четыре основных метода localStorage JavaScript, которые вы можете использовать для доступа к localStorage и работы с ним:

setItem() — принимает пару ключ-значение и добавляет ее в localStorage.

getItem() — принимает ключ и возвращает соответствующее значение

RemoveItem() — берет ключ и удаляет соответствующую пару ключ-значение.

clear() — очищает localStorage (для домена)

Откройте браузер, а затем получите доступ к консоли. Например, в Google Chrome откройте «Инструменты разработчика» и перейдите на вкладку Консоль .

Введем команду localStorage , и увидим текущие данные. Например (предполагая, что он изначально пуст):


localStorage

Storage {length: 0}


// сохранение элемента
localStorage.setItem("myKey", "testValue");

localStorage
Storage {myKey: "testValue", length: 1}

// получаем сохраненное значение
localStorage.getItem("myKey");

// очистка хранилища
localStorage.clear();


Пример localStorage JavaScript

В следующем примере показано, как можно хранить информацию из текстовой области в localStorage:

Создайте простой файл index.html с одной текстовой областью и тремя кнопками, как показано ниже. Идентификатор текстовой области может быть любым — в этом примере мы назвали его myTextArea.


<!DOCTYPE html>
<html lang="en">
 <head>
 </head>
 <body>
   <h1>JavaScript localStorage demo</h1>
   <textarea id="myTextarea" rows="10" cols="80"></textarea>
   <p></p>
   <button onclick="mySave()">Save</button>
   <button onclick="myLoad()">Load</button>
   <button onclick="myClear()">Clear</button>
   <script>

     function mySave() {
       var myContent = document.getElementById("myTextarea").value;
       localStorage.setItem("myContent", myContent);
     }

     function myLoad() {
       var myContent = localStorage.getItem("myContent");
       document.getElementById("myTextarea").value = myContent;
     }

     function myClear() {
       localStorage.clear();
     }
   </script>
 </body>
</html>

Таким образом, достаточно просто сохранить данные на стороне клиента при помощи javascript и браузерного хранилища localStorage.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.