PWA学习手册
  • PWA来了,你准备好了么?
  • 1)2018,开始你的PWA学习之旅
  • 2)使用Manifest,让你的WebApp更“Native”
  • 3)让你的WebApp离线可用
  • 4)解决FireBase login验证失败问题
  • 5)在Web中进行服务端消息推送
  • 6)在Chrome中调试你的PWA
  • 7)使用Notification API来进行消息提醒
  • 8)使用Service Worker进行后台同步 - Background Sync
  • 9)生产环境中PWA实践的问题与解决方案
  • 10)使用Resource Hint提升页面加载性能与体验
Powered by GitBook
On this page

PWA来了,你准备好了么?

Next1)2018,开始你的PWA学习之旅

Last updated 6 years ago

PWA作为今年最火热的技术概念之一,对提升Web应用的安全、性能和体验有着很大的意义,非常值得我们去了解与学习。

PWA,即Progressive Web App, 是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。

PWA具有三个特点:

  • :加载非常迅速,即使在各种不确定的网络情况下也不会展示断网错误页

  • :响应用户交互非常迅速,动画平滑,操作不会有卡顿

  • :拥有类似原生应用的体验

为了实现这些目标,PWA并不是某一项特定的技术,而是一系列Web新技术与新标准的集合。通过灵活运用这些标准与技术,可以让我们的用户获得渐进增强的体验。所以,其实PWA本质上依然是一个Web App。

学习PWA既可以帮助我们理解与实践前沿的Web方向,思考Web的未来;同时,也可以让我们更进一步接触各种最新的技术。是一件一举两得的事。

然而,在学习过程中,我发现网络上的各类PWA技术资源在学习上都有一些缺陷或局限性。一部分文章可能过于宽泛,既没有帮助理解PWA的概念与目标,也没有深入到技术点中;一部分文章又钻在了某个技术点(例如:Service Worker的cache能力)中,可能会让人误会PWA = Service Worker,甚至PWA=离线。

因此,我总结了一这系列文章,将PWA可能会涉及的一些技术点进行较为详细的介绍,并配合实例代码与demo帮助读者更快速上手使用。希望在阅读完后,你会对PWA这个概念与技术集合有一个更深的了解。

话不多说,下面开始你的PWA之旅吧!

Reliable
Fast
Engaging