Сторінка на передньому плані не потребує зберігання даних у базі даних, а повинна передавати їх на наступну сторінку. Ось тут і вступає в гру тимчасове зберігання даних. Використання кешу на фронтенді.
Схожості:
1. Функція залишається однаковою, sessionStorage і localStorage — це обидва об'єкти, які використовуються для зберігання тимчасової інформації на клієнті.
2. Тип контенту зберігання: обидва зберігають дані рядкового типу.
3. Операція зберігання даних: ключове значення, використання операції однакове.
Відмінності:
Життєвий цикл:
1. sessionStorage: Життєвий цикл — це поточне вікно або вкладка, після закриття вікна або вкладки всі дані, збережені через sessionStorage, будуть спорожнені, рекомендується використовувати sessionStroage з міркувань безпеки.
（
1) Гомологічні обмеження політики. Щоб працювати на одній і тій самій sessionStorage між різними сторінками, вони мають бути під одним протоколом, однаковим ім'ям хоста та одним портом. (IE 8 і 9 зберігають дані лише на основі одного й того ж імені хоста, ігноруючи вимоги до протоколу (HTTP і HTTPS) та номерів портів)
2) Обмеження з однією вкладкою,У вкладці для однієї сторінки можна отримати доступ до різних URL-адрес! Ось обмеження однієї вкладки。 sessionОперації зберігання обмежені однією вкладкою, а дані 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
|
|
|
|
