PWA来了,你准备好了么?

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

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

PWA具有三个特点:

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

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

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

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

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

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

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

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