Публикации по теме 'pwa'
4 сценария использования Creative Service Worker
Service worker, новый член семейства javascript-воркеров, привлекает к себе все больше и больше внимания благодаря популяризации прогрессивных веб-приложений. Обычно люди используют его для кэширования ресурсов своих веб-сайтов, но иногда они придумывают действительно интересные способы использования этой технологии. Я хотел поделиться с вами некоторыми из них, которые действительно привлекли мое внимание.
1. Service Worker Prerender
Разве вы не ненавидите всплеск контента, когда..
Внедрение Javascript в Electron Webview
Недавно я создал веб-браузер на основе фреймворка Javascript и библиотеки Electron и React.js соответственно и с Webpack. Одним из требований браузера было внедрение JS в веб-просмотр. Javascript, который работает внутри веб-сайта, работающего внутри веб-просмотра.
К счастью, это можно сделать с помощью предварительной нагрузки; Предварительная загрузка - это один из параметров Webview, который позволяет вам вставлять весь JS-файл внутри веб-сайта, отображаемого веб-просмотром...
Эта статья навсегда перенесена в Мой личный блог.
Эта статья навсегда перемещена в Мой личный блог .
Подделка прогресса (версия сервисного работника)
Этот метод будет использовать сервис-воркер для перехвата каждого сетевого запроса, предназначенного для навигации, и передачи события клиенту (активная вкладка), которое используется для показа анимации загрузки.
Когда запрос завершится (или завершится с ошибкой), сервисный работник создаст другое событие, чтобы уведомить о статусе.
Мне очень нравится этот подход, потому что он использует сервисного работника по-другому (по сравнению с типичным ПО для автономной поддержки). Его также..
Пример использования прогрессивной производительности веб-приложений React и Preact: Treebo
Авторы: Treebo: Лакшья Ранганатх , Chrome: Адди Османи
Treebo - это сеть бюджетных отелей с самым высоким рейтингом в Индии, работающая в туристическом сегменте стоимостью 20 миллиардов долларов. Они недавно выпустили новое Progressive Web App в качестве мобильного интерфейса по умолчанию, сначала используя React , а затем перейдя на Preact в производстве.
По сравнению со своим старым мобильным сайтом они увидели увеличение времени до первой отрисовки на 70% +,..
Сверхмощные приложения: PWA + IoT (WoT)
В этой статье описываются две технологии, которые значительно увеличили возможности Интернета за последние несколько лет. Предоставление прогрессивных веб-приложений для устройств IoT (Интернет вещей) может стать огромным шагом вперед для реальных приложений. В настоящее время веб-приложения - не единственные приложения, запускаемые на рабочем столе веб-браузером. Браузерные приложения должны работать (и хорошо выглядеть) во всех современных браузерах, независимо от устройства..
PWA с Angular: надежность
Если вы в течение последних двух лет занимались веб-разработкой, вы, вероятно, знакомы с термином прогрессивные веб-приложения (сокращенно PWA). PWA - это, по сути, веб-приложения, которые обеспечивают почти нативную работу на мобильных устройствах. По мнению Google , они должны быть:
Надежно - загружается мгновенно и никогда не показывает дауназавра, даже в неопределенных сетевых условиях. Быстро . Быстро реагируйте на действия пользователя с помощью плавной анимации и без..
