你将学到的
  • PWA 基础介绍
  • Fetch 事件
  • PWA 进阶之推送通知
  • 构建弹性应用
  • Workbox 进阶之 Workbox-cli
  • Service Worker 的使用
  • PWA 进阶之订阅通知
  • 构建离线应用
  • 数据同步和 WebStream
  • Workbox 进阶之缓存机制

PWA(Progressive web apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。 目前,随着Web应用的发展,PWA已成为目前Web发展的重要趋势,它在同构应用的实践方便表现卓越。同时,PWA 技术已成为面试高级工程师的必备考题,足以见得行业对它的重视。

PWA 的核心是 Service Workers ,而在 MDN 的解读中, Service Workers 可以理解为是充当了 Web 应用程序与浏览器之间的代理服务器。 Service Workers 提供了一套强大的 Web 应用离线支持,通过 URL 定义域一对多地分发管理页面缓存,从而促成最优的 Web 应用离线用户体验。所以,在本章中需要先对它进行一个介绍。

Google 杰出的软件工程师 Jeff Dean 曾经这么描述 Service Worker :"如果将你的网络请求想象成飞机起飞,那么 Service Worker 就是路由请求的空中交通管制员,它可以通过网络加载,甚至通过缓存加载。"

可以想象,当你在使用 Service Worker 时,能够全权管控网站发起的每个请求时,是一件多么有趣的事情。下面,用一张图来解释 Service Worker 是如何工作的:

可是,在 Service Worker 提出之前, HTML5 曾用 Application Cache 来处理离线带来的部分难题。虽然 Application Cache 可以很好地处理单页面应用问题,但在面对多页面应用时却存在很多的麻烦。而 Service Worker 正是为了解决这些痛点而产生的。

图片描述

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为蓝桥云课原创或蓝桥云课在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

wind 前端技术专家 知名外企 | 世界100强 共发布过 2 门课程

腳踏實地,潛下心,塑造生命

查看老师的所有课程 >
会员
开通会员,即刻开始学习