Публикации по теме 'pwa'


Начните с прогрессивных веб-приложений, часть 1
К концу блога у вас будет прогрессивное веб-приложение, которое будет использовать Service worker для кэширования необходимых ресурсов. Так что это будет работать независимо от того, в сети вы или офлайн. Наконец, вы узнаете, как сделать свое веб-приложение доступным для установки с помощью файла манифеста веб-приложения. Они будут доступны пользователям, у которых есть браузер, который их поддерживает. Прежде чем мы перейдем к реальному коду, вам следует ознакомиться с одной вещью,..
Изучение кеша сервис-воркеров, обновление, апгрейд [I]
Следить за тенденцией PWA может быть немного сложно, давайте реализуем простого сервис-воркера и разберемся с основами включения функций обновления / обновления в проекте. Что мы строим? В этом примере мы создаем страницу, которая кэширует активы и отображает кнопку обновления в случае обнаружения нового сервис-воркера. Простая обработка битов данных в существующем файле сервис-воркера может заставить наши браузеры рассматривать его как новый (в нашем случае я просто изменил..
Добавление ярлыков к прогрессивным веб-приложениям
TL; DR: PWA, установленные из Chrome, теперь могут иметь ярлыки, как собственные приложения Прогрессивное веб-приложение (сокращенно PWA) - это веб-приложение, в котором используются современные API-интерфейсы браузера и методы прогрессивного улучшения, чтобы обеспечить работу, аналогичную нативному приложению. Они поддерживают автономное взаимодействие, могут отправлять пользователям push-уведомления и устанавливаются как приложение. Теперь они также поддерживают ярлыки при..
Прогрессивное веб-приложение с Vue JS, Webpack и Material Design [Часть 2]
[Обновлено 30.10.2017] Эта статья является частью серии, целью которой является создание базового, но полного прогрессивного веб-приложения с использованием VueJ, Webpack и Material Design, шаг за шагом и с нуля. Если вы еще не читали, то можете найти начальную часть здесь . Источник кода доступен в этом репозитории GitHub: https://github.com/charlesBochet/vueJSPwa В Части 1 мы узнали, как создать одностраничное приложение с VueJS, Webpack и MDL. Мы уже выполнили первые..
Подход Service Worker для устаревших веб-приложений
PWA (прогрессивные веб-приложения) — это горячая вещь для веб-разработки в 2018 году, поскольку все больше и больше платформ поддерживают базовые API, такие как Service Workers или Push-уведомления. Если вы начинаете новый существующий проект веб-приложения, вполне вероятно, что вы создаете PWA. Но что с устаревшими приложениями? С теми, для которых не предвидится рефакторинг или бюджет (или время, или…)? Самая популярная функция — это кеширование и возможность офлайн с помощью..
Создайте простое прогрессивное веб-приложение (PWA)
Создайте простое прогрессивное веб-приложение (PWA) Предварительные требования Node.js Nodemon выражать Axios Асинхронный / Ожидание Https://jsonplaceholder.typicode.com/ (Fake Rest API) Браузер Chrome Ссылка на GitHub : https://github.com/mp5maker/progresssive-web-app Чего вам следует ожидать? Мы рассмотрим пример с использованием http: // localhost: 4000 / Почему мы вообще должны использовать прогрессивное веб-приложение? Чтобы обеспечить удобство..
Доставка упрощенной и прогрессивной с помощью Webpack
Мы живем в эпоху производительности. Ваше приложение должно быть быстрым, и не только сейчас. Прошли те времена, когда пользователи ждали минуты… Подумайте об этих минутах! Для загрузки приложения. Статистика показывает, что 25% пользователей покидают страницу через 2 секунды, и на каждые 100 мс задержки мы получаем примерно на 1,11% меньше взаимодействия с пользователем, принимая во внимание, что медленный сайт действительно влияет на вашу прибыль экспоненциально. Более быстрые..