试水PWA

0x00 写在前面

• 文章 2017 前端大事件和趋势回顾，2018 何去何从？中提到了2017年前端值得关注的十大事件，其中就提到了PWA。
• 本人也是刚开始学这些个东西，所以说的可能有不当的地方。
• 欢迎来我的私人博客体验一下PWA

0x01 何为PWA

PWA，Progressive Web App，即渐进式WEB应用，我个人认为PWA其实更加体现的是一种理念。PWA是 Google 于 2016 年提出的概念，2017 年已被迅速采用。PWA 旨在增强 Web 体验，可显著提高加载速度、可离线工作、可被添加至主屏、全屏执行、推送通知消息等等。这些特性将使得 Web 应用渐进式接近原生 App。

0x02 PWA的实现

• Manifest：添加至主屏幕
• Service Worker：离线缓存

0x03 总结

• PWA的优势是很明显的：像原生app一样添加到主屏；有缓存时可以离线使用，同理，有缓存时速度是非常可观的；有消息推送的能力；
• 当然，缺点也是很致命的：虽然距提出来已经有两三年了，但是目前浏览器的支持度并不高，手机尤其是ios那边更是一片红；另一点，pwa和浏览器是鱼和水的关系，也就是说，卸载了浏览器的话，之前依据这个浏览器已经添加到主屏的图标就废了。
• 个人认为，PWA的前景是非常不错的，尤其是其思想。

0x04 几个已经实现PWA的体验网站

• 我的私人博客 blog.hgtweb.com
• 百度Lavas
• 微博

0x05 一些比较好的文献

• 第一本 PWA 中文书
• Service Worker 应用详解
• Service Worker最佳实践
• Web App Manifes