PWA学习手册
Search…
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
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之旅吧!
Next
1)2018,开始你的PWA学习之旅
Last modified
4yr ago
Copy link