Skip to content

Commit 755974b

Browse files
committed
Правки
1 parent bca4710 commit 755974b

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

6-data-storage/02-localstorage/article.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
Объекты веб-хранилища `localStorage` и `sessionStorage` позволяют хранить пары ключ/значение в браузере.
44

5-
Что в них важно - данные, которые в них записаны, сохраняются после обновления страницы (в случае sessionStorage) и даже после перезагрузки браузера (при использовании localStorage). Скоро мы это увидим.
5+
Что в них важно - данные, которые в них записаны, сохраняются после обновления страницы (в случае sessionStorage) и даже после перезапуска браузера (при использовании localStorage). Скоро мы это увидим.
66

77
Но ведь у нас уже есть куки. Зачем тогда эти объекты?
88

@@ -28,7 +28,7 @@
2828
Основные особенности `localStorage`:
2929

3030
- Этот объект один на все вкладки и окна в рамках источника (один и тот же домен/протокол/порт).
31-
- Данные не имеют срока давности, по которому истекают и удаляются. Сохраняются после перезагрузки браузера и даже ОС.
31+
- Данные не имеют срока давности, по которому истекают и удаляются. Сохраняются после перезапуска браузера и даже ОС.
3232

3333
Например, если запустить этот код...
3434

@@ -103,7 +103,7 @@ for(let key in localStorage) {
103103
```js run
104104
for(let key in localStorage) {
105105
if (!localStorage.hasOwnProperty(key)) {
106-
continue; // пропустит такие ключи как "setItem", "getItem" и так далее
106+
continue; // пропустит такие ключи, как "setItem", "getItem" и так далее
107107
}
108108
alert(`${key}: ${localStorage.getItem(key)}`);
109109
}
@@ -158,7 +158,7 @@ alert( JSON.stringify(localStorage, null, 2) );
158158

159159
- `sessionStorage` существует только в рамках текущей вкладки браузера.
160160
- Другая вкладка с той же страницей будет иметь другое хранилище.
161-
- Но оно разделяется между фреймами на вкладке (при условии, что они из одного и того же источника).
161+
- Но оно разделяется между ифреймами на вкладке (при условии, что они из одного и того же источника).
162162
- Данные продолжают существовать после перезагрузки страницы, но не закрытия/открытия вкладки.
163163

164164
Давайте посмотрим на это в действии.
@@ -213,7 +213,7 @@ localStorage.setItem('now', Date.now());
213213

214214
Обратите внимание, что событие также содержит: `event.url` - url-адрес документа, в котором данные обновились.
215215

216-
Также `event.storageArea` содержит объект хранилища - событие одинаковое для `sessionStorage` и `localStorage`, поэтому `storageArea` ссылается на тот, который был изменен. Мы можем захотеть что-то записать в ответ на изменения.
216+
Также `event.storageArea` содержит объект хранилища - событие одно и то же для `sessionStorage` и `localStorage`, поэтому `storageArea` ссылается на то хранилище, которое было изменено. Мы можем захотеть что-то записать в ответ на изменения.
217217

218218
**Это позволяет разным окнам одного источника обмениваться сообщениями.**
219219

@@ -224,26 +224,26 @@ localStorage.setItem('now', Date.now());
224224
Объекты веб-хранилища `localStorage` и `sessionStorage` позволяют хранить пары ключ/значение в браузере.
225225
- `key` и `value` должны быть строками.
226226
- Лимит 2 Мб+, зависит от браузера.
227-
- Они без срока действия.
227+
- Данные могут храниться неограниченное время.
228228
- Данные привязаны к источнику (домен/протокол/порт).
229229

230230
| `localStorage` | `sessionStorage` |
231231
|----------------|------------------|
232-
| Совместно используется между всеми вкладками и окнами с одинаковым источником | Разделяется в рамках вкладки браузера, среди фреймов из того же источника |
232+
| Совместно используется между всеми вкладками и окнами с одинаковым источником | Разделяется в рамках вкладки браузера, среди ифреймов из того же источника |
233233
| "Переживает" перезапуск браузера | "Переживает" перезагрузку страницы (но не закрытие вкладки) |
234234

235235
API:
236236

237-
- `setItem(key, value)` -- сохранить пару ключ/значение (key/value).
237+
- `setItem(key, value)` -- сохранить пару ключ/значение.
238238
- `getItem(key)` -- получить данные по ключу `key`.
239239
- `removeItem(key)` -- удалить значение по ключу `key`.
240240
- `clear()` -- удалить всё.
241-
- `key(index)` -- получить ключ на заданной позиции (index).
242-
- `length` -- количество хранимых пар key/value.
241+
- `key(index)` -- получить ключ на заданной позиции.
242+
- `length` -- количество элементов в хранилище.
243243
- Используйте `Object.keys` для получения всех ключей.
244244
- Можно использовать ключи в качестве свойств объекта, в этом случае событие `storage` не срабатывает.
245245

246-
Событие `storage`:
246+
Событие storage:
247247

248248
- Срабатывает при вызове `setItem`, `removeItem`, `clear`.
249249
- Содержит все данные об операции, `url` документа и объект хранилища.

0 commit comments

Comments
 (0)