本文是《PWA学习与实践》系列的第十篇文章。也许你还没有听说过或不了解Resource Hint,但是通过本文,你会快速学习到这一件页面加载性能利器。本系列相关demo的代码都可以在github repo中找到。
本文是《PWA学习与实践》系列的第十篇文章。也许你还没有听说过或不了解Resource Hint,但是通过本文,你会快速学习到这一件页面加载性能利器。本系列相关demo的代码都可以在github repo中找到。
在前八篇文章中,我已经介绍了一些 PWA 中的常见技术与使用方式。虽然我们已经学习了很多相关知识,但是,还是有很多问题在实践时才会暴露出来。这篇文章是一篇 TroubleShooting,总结了我近期在PWA实践过程中遇到了一些问题,以及这些问题的解决方案。希望能帮助一些遇到类似问题的朋友。
普通的页面发起的请求会随着浏览器进程的结束/或者Tab页面的关闭而终止;无网环境下,没有一种机制能“维持”住该请求,以待有网情况下再进行请求。然而,Service Worker的后台同步功能规避了这些缺陷。
文中的代码可以在learning-pwa的sync分支上找到(git clone
后注意切换到sync分支)。
本文会先介绍如何使用 Notification API。然后,作为 Notification 的“黄金搭档”,本文还会介绍如何组合使用 Push & Notification(消息推送与提醒)。文中的代码可以在learning-pwa的notification分支上找到(git clone
后注意切换到notification分支)。
本文是《PWA学习与实践》系列的第五篇文章,在接下来的内容里,我们会探究PWA中的另一个重要功能——消息推送与提醒(Push & Notification)。
文中的代码都可以在learning-pwa的push分支上找到(git clone
后注意切换到push分支)。
本文是《PWA学习与实践》系列的第三篇文章,帮你实现一个离线可用的 PWA。文中的代码都可以在learning-pwa的sw-cache分支上找到(git clone
后注意切换到sw-cache分支)。
本文是《PWA学习与实践》系列的第二篇文章。文中的代码都可以在learning-pwa的manifest分支上找到(git clone
后注意切换到manifest分支)。
PWA作为时下最火热的技术概念之一,对提升Web应用的安全、性能和体验有着很大的意义,非常值得我们去了解与学习。对PWA感兴趣的朋友欢迎关注《PWA学习与实践》系列文章。
PWA作为今年最火热的技术概念之一,对提升Web应用的安全、性能和体验有着很大的意义,非常值得我们去了解与学习。
本系列文章《PWA学习与实践》会逐步拆解PWA背后的各项技术,通过实例代码来讲解这些技术的应用方式。也正是因为PWA中技术点众多、知识细碎,因此我在学习过程中,进行了整理,并产出了《PWA学习与实践》系列文章,希望能带大家全面了解PWA中的各项技术。对PWA感兴趣的朋友欢迎关注。
首先简单了解一下PWA。
Update your browser to view this website correctly. Update my browser now