用哪个平台做网站好,做啥网站最挣钱,漳州城乡建设管理局网站,wordpress缓存头像引言
在做 PWA 的过程中自己写了一些相关的应用和工具#xff0c;在这里整合下#xff0c;方便记录及查找使用。
应用列表 PWA 支持检测工具番茄钟二维码生成新闻应用身体数据统计应用支付宝集福应用田英章书法字典应用抖音无水印下载应用很好用的备忘录精神氮泵 PWA 支持检…引言
在做 PWA 的过程中自己写了一些相关的应用和工具在这里整合下方便记录及查找使用。
应用列表 PWA 支持检测工具番茄钟二维码生成新闻应用身体数据统计应用支付宝集福应用田英章书法字典应用抖音无水印下载应用很好用的备忘录精神氮泵 PWA 支持检测工具
地址https://lecepin.gitee.io/detect-sw/ 二维码 描述 这个应用主要用来检测终端浏览器是否支持 ServiceWoker及在支持的同时是否能够线程持久化。
界面
可用(下图分别为第一次和第二次进入) 不可用 番茄钟
地址https://lp-pwa.gitee.io/pomodoro/ 二维码 描述 此应用就是一个番茄钟关于番茄钟的概念可以搜索一下当时正好想用然后就做成 PWA 应用了。
界面 断网下的优化 二维码生成
地址https://lp-pwa.gitee.io/qrcode-web/ 二维码 描述 二维码生成软件可更改背景色和前景色及下载二维码。
界面 新闻应用
地址https://lp-pwa.gitee.io/news/ 二维码 描述 做了一个新闻 APP当时是为了验证一次网络请求两次响应的效果。新闻接口来源于阿里云。
界面 身体数据统计应用
地址https://lp-pwa.gitee.io/body_status/#/ 二维码 描述 做这个应用是因为买的体脂称配套的 APP 在做数据统计时不能全局查看所以就写了这个。数据可以手动填写也可以截取原配套 APP 中的图然后我这边在百度云上开了个识别文字的接口用来自动识别后进行填充。数据库层基于 indexDB 进行存储。
界面 支付宝集福应用
地址https://lp-pwa.gitee.io/fu/ 二维码 描述 支付宝集福季把一些流传概率很高的“福”字整理了一下然后又加了一个随机生成“福”的功能事实证明还可以。
界面 田英章书法字典应用
地址https://lp-pwa.gitee.io/word-dict/ 二维码
描述 输入文字会出现相应的田英章字体的毛笔字。
界面 抖音无水印下载应用
地址https://lp-pwa.gitee.io/douyin/ 二维码
描述 复制抖音地址直接粘贴即可。解析成功后会出现“下载”和“播放”按钮。
界面 很好用的备忘录
地址https://lp-pwa.gitee.io/notepad/ 二维码
描述 IndexDB 版备忘录markdown 编写可离线、可安装。
界面 精神氮泵
地址https://lecepin.gitee.io/fitness/ 二维码
界面 工具
lp-pwa-cli
地址https://www.npmjs.com/package/lp-pwa-cli 描述 为了开发提效写了一个 window 环境下的接入 PWA 的方案。sw 层默认添加了 workbox v3.x 的支持。 workbox v3.x v4.x
地址https://github.com/GoogleChrome/workbox 描述 这个库是 Google 自产的非常好用。 之前用的是 v3.x 版本只提供了 serviceWorker 环境下的库。 现在的 v4.x 版本增加了 window 环境下的库。 pwacompat
地址https://github.com/GoogleChromeLabs/pwacompat 描述 PWA 其中的一个特性就是 manifest.json 的支持但在 IOS 下并不支持此特性而是有一套自己的特性标签来实现。 pwacompat 库就可以实现此兼容功能。
push-tool
地址https://lecepin.gitee.io/push-tools/static/ 描述 PWA push 相关的调试工具。
PWA-builder
地址https://www.pwabuilder.com/ 描述 包含检测、生成、模板等一系列的能力工具。 博客名称王乐平博客 CSDN博客地址http://blog.csdn.net/lecepin 本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。
