Многие из вас, должно быть, использовали или, по крайней мере, посещали базовое веб-приложение для заметок или список дел, верно? Если вы обратили внимание, большинство этих веб-приложений не имеют базы данных для хранения данных, но они по-прежнему хранят ваши задачи в списке дел. Как??
Веб-разработчики используют API веб-хранилища для хранения данных без базы данных. localStorage и sessionStorage — это API веб-хранилища.
местное хранилище
LocalStorage хранит ваши данные в парах ключ-значение, и самое интересное, что вы можете хранить данные в localStorage из любой функции любой страницы и извлекать их обратно в любой другой функции любой страницы. (Я использовал его для обмена данными между страницами в React. Эээ, не очень этичный способ, но это легко!! Можете ли вы меня винить?).
Данные, хранящиеся в localStorage, не имеют срока действия. Вы можете закрыть вкладку, вы можете закрыть браузер, вы можете выключить всю систему, а данные…Они останутся на месте!! Ну, если вы не просматриваете в режиме инкогнито.
Теперь давайте посмотрим на более широкую картину! Предприятиям нужны пользовательские данные для нескольких вещей, таких как автоматические рекомендации, недавние поиски, недавние действия. Становится обременительным делать вызов API для сохранения этих данных каждый раз, когда пользователь посещает веб-сайт, а затем снова выполнять вызов API, чтобы получить их обратно. Вместо этого они просто сбрасывают все данные в localStorage и используют их оттуда. Довольно удобно, правда?
Теперь, когда я возбудил ваше любопытство, давайте посмотрим на синтаксис.
сеансХранилище
sessionStorage более или менее похож на localStorage. Разница только в том, что если вы закроете вкладку, данные исчезнут. Однако он невосприимчив к перезагрузке страницы(Попробуйте сами?!).
Давайте посмотрим на синтаксис, который также почти такой же:
Теперь вы можете попробовать это для своих веб-приложений!
Свяжитесь со мной, если у вас есть какие-либо сомнения / отзывы — https://www.linkedin.com/in/tejaswi-chaudhari/
