Страница на переднем плане не обязана хранить данные в базе данных, но должна передавать их на следующую страницу. Вот тут и вступает в помощь временное хранение данных. Использование кэша на фронтенде.
Сходства:
1. Функция одинаковая: sessionStorage и localStorage — оба объекта, используемые для хранения временной информации о клиенте.
2. Тип содержимого хранилища: оба хранят данные типа строк.
3. Операция хранения данных: ключевое значение, использование операции одинаковое.
Отличия:
Жизненный цикл:
1. sessionStorage: Жизненный цикл — это текущее окно или вкладка, после закрытия окна или вкладки все данные, хранящиеся через sessionStorage, будут опустошёны, рекомендуется использовать sessionStroage для соображений безопасности.
（
1) Ограничения на гомологичные политики. Чтобы работать на одном и том же sessionStorage между разными страницами, они должны находиться под одним протоколом, тем же именем хоста и одним портом. (IE 8 и 9 хранят данные только на основе одного и того же имени хоста, игнорируя требования к протоколу (HTTP и HTTPS) и номеру портов)
2) Ограничение одновкладочного режима,Во вкладке «Одна страница» можно получить доступ к разным URL-адресам! Вот ограничение на одну вкладку。 Операции sessionStorage ограничены одной вкладкой, и данные sessionStorage можно обмениваться доступом к той же странице этой вкладки.
3) Покупайте только локально. данные seesionStorage не отправляются на сервер вместе с HTTP-запросом, они действуют только локально и очищают данные после закрытия вкладки. (Если вы используете функцию вкладки восстановления в Chrome, данные seesionStorage также будут восстановлены.)
4) Метод хранения. seesionStorage использует методы ключа и значения. значение должно быть строкового типа (входящая нестрока также будет преобразована в строку при сохранении). истинное значение преобразуется в «истинное»).
5) Лимит памяти: У разных браузеров разные ограничения памяти, но большинство браузеров ограничивают верхний предел менее 5 МБ.
Доступностьhttp://dev-test.nemikor.com/web-storage/support-test/Проверьте лимит памяти браузера.
）
2. localStorage: Жизненный цикл постоянен, то есть если пользователь явно не очистит информацию localStorage в интерфейсе, предоставленную браузером, эта информация будет существовать вечно.
Обмен информацией:
Разные браузеры не могут обмениваться информацией в localStorage или sessionStorage. Страницы в одном браузере могут пользоваться одним и тем же локальным хранилищем (страницы принадлежат одному домену и порту), но информация о sessionStorage не может быть передана между разными страницами или вкладками. Важно отметить, что страницы и вкладки — это только окна верхнего уровня, и если вкладка содержит несколько тегов iframe и они принадлежат одной странице, они могут делить sessionStorage между собой.
local.storage.ts Исходный код:
session.storage.ts Исходный код
Упоминается в файле app.module.ts
Используется в компонентах
|
Опубликовано 23.10.2018 10:37:13
|
|
|
|
