在前八篇文章中,我已经介绍了一些 PWA 中的常见技术与使用方式。虽然我们已经学习了很多相关知识,但是,还是有很多问题在实践时才会暴露出来。这篇文章是一篇 TroubleShooting,总结了我近期在PWA实践过程中遇到了一些问题,以及这些问题的解决方案。希望能帮助一些遇到类似问题的朋友。

阅读更多>>

普通的页面发起的请求会随着浏览器进程的结束/或者Tab页面的关闭而终止;无网环境下,没有一种机制能“维持”住该请求,以待有网情况下再进行请求。然而,Service Worker的后台同步功能规避了这些缺陷。

文中的代码可以在learning-pwa的sync分支上找到(git clone后注意切换到sync分支)。

阅读更多>>

TL;DR

  • 可以考虑基于HTTP Cache来定义打包维度,将Cache周期相同的script尽量打包在一起,最大限度利用Cache;
  • 合并零散的小脚本,避免触发浏览器并发请求限制后,资源请求串行,TTFB叠加等待时间;
  • 注意打包后的资源依赖与资源引入顺序。

阅读更多>>

使用MongoDB,可以以单机模式提供服务。但在实际的生产环境中,单机模式将面临很大的风险,一旦单点数据库服务出现故障,就会导致服务调用出现错误甚至崩溃。因此,在实际生产环境下,需要对MongoDB做相应的主备处理,提高数据库服务的可用性。

阅读更多>>

前几篇文章介绍了PWA中的一些功能与背后的技术。工欲善其事,必先利其器。这一篇会介绍如何调试我们的PWA。

阅读更多>>

本文是《PWA学习与实践》系列的第五篇文章,在接下来的内容里,我们会探究PWA中的另一个重要功能——消息推送与提醒(Push & Notification)。

文中的代码都可以在learning-pwa的push分支上找到(git clone后注意切换到push分支)。

阅读更多>>

本文是《PWA学习与实践》系列的第二篇文章。文中的代码都可以在learning-pwa的manifest分支上找到(git clone后注意切换到manifest分支)。

PWA作为时下最火热的技术概念之一,对提升Web应用的安全、性能和体验有着很大的意义,非常值得我们去了解与学习。对PWA感兴趣的朋友欢迎关注《PWA学习与实践》系列文章。

阅读更多>>

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×