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