10 Модуль - Библиотеки. Шаблонизация. JSON. WebStorage -- 04 Хранение информации на клиенте

Question 1

Основная проблема веб-приложений

Answer 1

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

Question 2

Классический способ хранения информации на клиенте это использовать

Answer 2

куки-файл размещенный на компьютере пользователя. Куки это текстовые строки списка пар ключ=значение разделенные точкой с запятой. Обычно куки приходят от сервера и позволяют хранить простые строчные данные.

Question 3

Но у куки есть несколько ограничений.

Answer 3

• • Они добавляются к каждому запросу на сервер, что может бы излишне
• • Куки позволяют хранить всего до 4кб данных, что довольно мало
• • Поскольку куки используются для отслеживания поведения людей в серфинге, пользователи часто отключают их, а сайты просят каждый раз нужно ли их устанавливать
• • Используя куки, довольно проблематично отслеживать две или более транзакций на одном и том же сайте, что может происходить одновременно в разных вкладках

Question 4

Web Storage API — включает в себя

Answer 4

локальное хранилище (localStorage) и хранилище сеансов (sessionStorage). Данные в веб-хранилище, в отличие от куки, сохраняются даже при закрытии браузера или выключении компьютера.

Question 5

sessionStorage — используется для

Answer 5

добавления данных в хранилище сеансов, и данные этого хранилища будут доступны для любой страницы с того же сайта, открытого в этом окне, т.е. сессии, и как только окно будет закрыто, сеанс будет завершен, а хранилище сеансов очищено.

Question 6

localStorage (локальное хранилище) — позволяет хранить данные

Answer 6

без истечения срока действия в формате пар ключ:значение на компьютере пользователя и читать их, когда пользователь снова вернется на страницу.

Question 7

В localStorage не хранят

Answer 7

методы объектов или функции, только данные.

Question 8

Сохранение localStorage метод

Answer 8

Используя метод setItem можно записать пару ключ:значение.

localStorage.setItem(key, value)

Question 9

Одним из неприятных недостатков локального хранилища является то,

Answer 9

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

Question 10

Чтение данных из локального хранилища

Answer 10

localStorage.getItem(key)

Question 11

Для того чтобы удалить пару, необходимо вызвать метод и передать ему ключ.

Answer 11

localStorage.removeItem(key)

Question 12

Если вы хотите полностью очистить хранилище, вызовите метод

Answer 12

localStorage.clear();