随笔分类 -  Progressive Web App

《offline coolbook》笔记
摘要：https://jakearchibald.com/2014/offline-cookbook/ 在install中对依赖进行缓存 waitUntil接收的参数是一个promise，这个promise决定了install阶段的持续时长和是否成功。 在install中对非依赖进行缓存 以上waitUn 阅读全文
posted @ 2018-05-20 13:39 HelloHello233 阅读(261) 评论(0) 推荐(0)
离线功能对比：service worker和applicationCache
摘要：SW 复杂，事件驱动，可以拦截请求，和缓存这些请求的响应数据，实现的效果更加灵活 AppCache 简单易用，声明式的将要缓存的文件清单声明在一个文件中。由于设计上的原因，它存在一些问题，导致难以运用到实际项目中，所以一般都使用sw，如果不支持sw的话才使用appCache。这是它唯一的运用场景了。 阅读全文
posted @ 2018-05-19 09:49 HelloHello233 阅读(658) 评论(0) 推荐(0)
service worker 消息推送
摘要：https://developers.google.com/web/fundamentals/codelabs/push-notifications/?hl=en 首先下载源码： 设置如下选项方便开发： 开始 注册之后记录sw实例： 生成key： https://web-push-codelab.g 阅读全文
posted @ 2018-02-11 13:51 HelloHello233 阅读(1294) 评论(0) 推荐(0)
Web worker
摘要：https://www.html5rocks.com/en/tutorials/workers/basics/ JS的并发问题 这里有一系列的瓶颈阻止JS客户端程序变得更好，如浏览器兼容性，可访问性和性能。幸运的是这些都已经成为过去，浏览器开发商提升了JS引擎的速度。 但仍然有一个障碍，那就是JS语 阅读全文
posted @ 2018-01-24 20:22 HelloHello233 阅读(362) 评论(0) 推荐(0)
离线web-ApplicationCache
摘要：https://www.html5rocks.com/en/tutorials/appcache/beginner/ http://diveintohtml5.info/offline.html#fallback 介绍 离线web程序变得非常重要。所有的浏览器都支持长期缓存页面资源，但浏览器会为了腾 阅读全文
posted @ 2018-01-23 14:56 HelloHello233 阅读(679) 评论(0) 推荐(0)
service worker
摘要：https://developers.google.com/web/fundamentals/primers/service-workers/?hl=en 它提供了丰富的离线体验，定期的后台同步以及消息推送等技术，这些技术一般依赖于原生应用，但现在可以在web应用上使用了。 什么是service w 阅读全文
posted @ 2018-01-23 11:12 HelloHello233 阅读(585) 评论(0) 推荐(0)
PWA天气应用
摘要：https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0 1.介绍 这里将使用PWA技术来构建一个天气web应用，这个app将会： 我们将会学到 我们需要什么 2.开始 下载解压以上的实例代码，然后打开静态文件服务器，以实 阅读全文
posted @ 2018-01-22 21:49 HelloHello233 阅读(508) 评论(0) 推荐(0)
PWA介绍
摘要：https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0 PWA是一些技术的集合。用于消除web与其他客户端之间的差距，最大程序利用现代浏览器的技术，提供一个更像移动应用的网页体验，改善了性能，支持离线，以及能实现一些只有 阅读全文
posted @ 2017-12-23 16:11 HelloHello233 阅读(470) 评论(0) 推荐(0)