PWA

PWA

文章 31 浏览 313

VuePress 博客优化之兼容 PWA

本篇我们讲讲如何兼容 PWA。 PWA PWA,英文全称:Progressive Web Apps, 中文翻译:渐进式 Web 应用。 引用 MDN 的介绍: PWA 指的是使用指定技术和…

失退 2022-10-17 09:56:31 158 0 0

PWA 下一代的 Web 模型

PWA 全称 Progress Web Application,也就是渐进式 web 应用,是利用了一系列现代 web 技术,实现 web 体验大幅度提高的的网站 。PWA 的关键技术是 se…

JSmiles 2022-03-02 14:24:52 1067 0 0

PWA 实践经验小结

0x00 背景 由于最近的业务都是面向海外用户的,所以我果断申请在主站中加入PWA功能,由此得到了一次 PWA 的实践机会。 网上关于 PWA 的文章很多,但大…

JSmiles 2022-03-01 14:16:19 999 0 0

PWA 实践经验 建立

0x00 开源选型 由于项目是基于 webpack 打包,打包之后的项目本地资源路径和线上路径有一个映射关系,如 /img/logo.gif 映射成 //cdn/img/logo.abcd.g…

JSmiles 2022-02-28 14:09:43 1200 0 0

PWA 实践经验 fetch

sw 中 fetch 使用注意要点 透明请求 sw 在建立的时候,有一种叫做 prefetch 的行为,就是当你第一次 install 及每次 update sw 的时候,sw 都会把一个…

JSmiles 2022-02-27 14:06:09 1106 0 0

PWA 实践经验 添加到桌面及 ga 统计

添加到桌面功能 通过指定 manifest,PWA 可以实现添加到桌面图标功能,官方翻译叫“网络应用安装横幅”,详细可看 这里,这里要注意的是图标一定要是 …

JSmiles 2022-02-26 14:04:34 1180 0 0

PWA 实践经验 webpush

webpush 也是 PWA 的一个十分关键的功能,推送背后的原理涉及三个实体: 客户端,业务服务器,google推送服务器(FCM)。相关资料可以参考我建好的一…

JSmiles 2022-02-25 14:02:02 1293 0 0
更多

推荐作者

醉城メ夜风

文章 0 评论 0

远昼

文章 0 评论 0

平生欢

文章 0 评论 0

微凉

文章 0 评论 0

Honwey

文章 0 评论 0

qq_ikhFfg

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文