You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 6-data-storage/02-localstorage/article.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
Объекты веб-хранилища `localStorage` и `sessionStorage` позволяют хранить пары ключ/значение в браузере.
4
4
5
-
Что в них важно - данные, которые в них записаны, сохраняются после обновления страницы (в случае sessionStorage) и даже после перезагрузки браузера (при использовании localStorage). Скоро мы это увидим.
5
+
Что в них важно - данные, которые в них записаны, сохраняются после обновления страницы (в случае sessionStorage) и даже после перезапуска браузера (при использовании localStorage). Скоро мы это увидим.
6
6
7
7
Но ведь у нас уже есть куки. Зачем тогда эти объекты?
8
8
@@ -28,7 +28,7 @@
28
28
Основные особенности `localStorage`:
29
29
30
30
- Этот объект один на все вкладки и окна в рамках источника (один и тот же домен/протокол/порт).
31
-
- Данные не имеют срока давности, по которому истекают и удаляются. Сохраняются после перезагрузки браузера и даже ОС.
31
+
- Данные не имеют срока давности, по которому истекают и удаляются. Сохраняются после перезапуска браузера и даже ОС.
32
32
33
33
Например, если запустить этот код...
34
34
@@ -103,7 +103,7 @@ for(let key in localStorage) {
103
103
```js run
104
104
for(let key in localStorage) {
105
105
if (!localStorage.hasOwnProperty(key)) {
106
-
continue; // пропустит такие ключи как "setItem", "getItem" и так далее
106
+
continue; // пропустит такие ключи, как "setItem", "getItem" и так далее
Обратите внимание, что событие также содержит:`event.url`- url-адрес документа, в котором данные обновились.
215
215
216
-
Также `event.storageArea` содержит объект хранилища - событие одинаковое для `sessionStorage` и `localStorage`, поэтому `storageArea` ссылается на тот, который был изменен. Мы можем захотеть что-то записать в ответ на изменения.
216
+
Также `event.storageArea` содержит объект хранилища - событие одно и то же для `sessionStorage` и `localStorage`, поэтому `storageArea` ссылается на то хранилище, которое было изменено. Мы можем захотеть что-то записать в ответ на изменения.
217
217
218
218
**Это позволяет разным окнам одного источника обмениваться сообщениями.**
Объекты веб-хранилища `localStorage` и `sessionStorage` позволяют хранить пары ключ/значение в браузере.
225
225
-`key` и `value` должны быть строками.
226
226
- Лимит 2 Мб+, зависит от браузера.
227
-
-Они без срока действия.
227
+
-Данные могут храниться неограниченное время.
228
228
- Данные привязаны к источнику (домен/протокол/порт).
229
229
230
230
|`localStorage`|`sessionStorage`|
231
231
|----------------|------------------|
232
-
| Совместно используется между всеми вкладками и окнами с одинаковым источником | Разделяется в рамках вкладки браузера, среди фреймов из того же источника |
232
+
| Совместно используется между всеми вкладками и окнами с одинаковым источником | Разделяется в рамках вкладки браузера, среди ифреймов из того же источника |
0 commit comments