Как стать автором
Обновить

DOM Storage window broadcast

Время на прочтение 2 мин
Количество просмотров 7.7K
JavaScript *
В статье речь пойдет об интересном DOM Storage эвенте, который позволяет выполнять броадкаст общение между окнами обраузера одного домена не подозревающих об существовании друг друга.

image

DOM Storage (localStorage sessionStorage) кроме потрясающей возможности хранения информации на клиенте имеет ещё одну документированную, но малоизвестную возможность — уведомление об изменении/удалении элемента DOM Storage для всех окон открытых из текущего домена.
Читать дальше →
Всего голосов 49: ↑48 и ↓1 +47
Комментарии 5

Задача коммуникации между вкладками и выявления активной вкладки

Время на прочтение 4 мин
Количество просмотров 19K
Разработка веб-сайтов *JavaScript *
Туториал
Наглядный пример задачи — сайт vk.com. Каждый раз, когда вы воспроизводите музыку или видео в одной вкладке, в других вкладках воспроизведение останавливается. И если вы обратитесь в интернет за помощью в решении данной задачи, то наверняка найдете описание Storage Events или Page Visibility API или даже готовые решения, к примеру Visibility.js.

На хабре уже был обзор этих вещей, к примеру вот и ещё.



Я прошел по этому пути, но не одно из решений меня не устроило. Мне хотелось чего-нибудь простого, легковесного и не требующего глубокого изучения деталей.
Под катом обзор решения, которое я в итоге сам и написал. Спасибо phpdude за наводку
Всего голосов 24: ↑23 и ↓1 +22
Комментарии 24

Устраняем недостаток микрофронтендов: четыре способа коммуникации между frontend-приложениями

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 2.5K
Блог компании SimbirSoft Разработка веб-сайтов *JavaScript *Программирование *
Туториал

Микрофронтенды «выросли» из модного веяния web-разработки в технологию, которую активно используют на больших проектах. Микрофронтенд гибче монолита, может быстрее реагировать на непредвиденные ситуации и дорабатываться под запрос. Этот подход позволяет быстро расширять приложение и разрабатывать на разных фреймворках. Тем не менее один из ключевых недостатков технологии — сложность во взаимодействии между frontend-приложениями. 

Меня зовут Игорь, я frontend-разработчик SimbirSoft. Ранее мы с коллегами рассматривали вопрос построения архитектуры микрофронтендов. А в этой статье я разберу основные способы коммуникации между отдельными приложениями, которые можно применять в коммерческой разработке. Материал будет полезен разработчикам и архитекторам frontend-приложений.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 2