Progressive Web Application
A demo for progressive web application with features like offline, push notifications, background sync etc,
Live
Installation
Step 1 - clone the repo
$ git clone https://github.com/gokulkrishh/demo-progressive-web-app
Step 2 - cd in the repo
$ cd demo-progressive-web-app
Step 3 - install dependencies
$ npm install
Step 4 - run application
$ npm run start
In browser, open http://localhost:3000
Main Features
- App Shell Architecture
- Service Worker + Navigation Preload (Origin Trial)
- Add to Home Screen, Splash Screen, Browser Mode, Notify user if site is updated etc,
- Offline Support
- Online/Offline Events
- Fetch API
- Push Notifications
- Background Sync
- Web Share API
Get started with PWA Development
List of Progressive Web Apps
References
License
MIT © Gokulakrishnan
-
看到PWA，似曾相识，但又感觉很模糊，于是乎，又重新翻阅文档，学习了一遍，顺便把相关知识学习了一下，比如service worker,workbox3。 PWA 概念： 全称：Progressive Web APP, 渐进式 Web 应用。 实际上是通过 Web 技术编写出的一个网页应用，加上App Manifest和Service Worker来实现PWA的安装和离线缓存等功能。 解决了哪些问题
-
【 PWA 】 今天开始 Research 一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。这个技术的呢是 Google 公司于2015 年提出的，2016 年 6 月才推广的项目。针对这一项技术目前在国外似乎已经很流行了，目前应用这项技术最火热的应用是在印度（ 大家或许会疑惑为什么是在印度最流行呢吧，下文中会告诉大家
-
前段时间在公司的内部分享会上简单地介绍了一些关于PWA的技术，不过当时用的是思维导图版本的，现在整理成博客分享给大家 Progressive Web App(PWA) 一、前期介绍 1、为什么要将PWA作为本次的技术分享 2017年11月份，谷歌在上海举办了一个开发者大会，期间在很多会场都有关于PWA的介绍，王二认为谷歌在致力于推行这项技术，那么技术上还是很先进的，于是有了如下分享。 2、简单介绍
-
前言 之前自己根据网上的教程学习写了几个PWA的小Demo，觉得PWA很有意思，想要更多的了解一下PWA，所以读了这本书。这本书是MANNIN出版社出的，所以书里的代码都有非常棒的注释，因此这篇笔记不会展开讲代码，而是着重于描述PWA的功能以及常见的问题和解决方法。 图书资源 图书中代码的Github仓库 1. 什么是PWA 简单来说，PWA是一系列新兴技术的统称，这些技术旨在增强web app的
-
调试 Progressive Web Apps 使用Application面板检查、修改和调试Web应用程序的manifests，service workers 和 service worker 缓存。 相关指南： Progressive Web Apps 本指南仅讨论Application面板的功能。如果你正在寻找其他面板的帮助文档，请查阅本指南中最后一部分，其他 Application面板指南
-
本文转载自 developers.google.com 作者：Addy Osmani、Marc Cohen 原文链接：网页存储概览 在路上时互联网连接会变得不稳定或无法上网，这是离线支持和可靠的性能成为 Progressive Web App 中的常用功能的原因。即使在完美的无线环境中，明智地使用缓存和其他存储技术也可显著改善用户体验。在此博文中，我们将围绕 PWA 的离线数据存储总结一些想法—
-
Build your next Vue.js application with confidence using NuxtJS. An open source framework making web development simple and powerful.
-
Demo下载
-
实现基本的电子杂志功能，包括：点击下载、阅读。 [Code4App.com]
-
picasa-app-demo 用于教育用途。通过结合 Google Web Toolkit 和 AppEngine、Picasa GData API 来浏览公共相册和 Picasa 用户的照片，并支持用户评论照片。且它还能够根据浏览器的大小来调整大小（自适应）。