写了一个PWA, 欢迎建议

weixin_44640758 2019-02-09 03:08:51

https://listen.express 内容来自VOA慢速英语.定时更新. 爱疯和安卓都可以用.

...全文

274 4 打赏收藏举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

ufof5 2019-08-16

打赏
举报

回复

帮，希望更多的人分享，好学习

alex_my 2019-03-27

打赏
举报

回复

赞一个，挺好的，要是能自动标识读到那一句，会下拉页面就更好了。不加一下服务端渲染吗。国内的搜索引擎貌似支持度很差的。我用的阿里的 beidou，国外的 next.js 也挺好的。Keylala在线工具

hookee 2019-03-07

打赏
举报

回复

fanspace 2019-03-06

打赏
举报

回复

页面太丑了

PWA 不仅限于现有好处，它们不断发展，新的趋势不断涌现，这些发展进一步推动了它们在各个行业的采用。

PWA 的核心概念与作用说明App Shell 架构示例一：注册 Service Worker 并实现基础缓存策略示例二：配置 Web App Manifest 实现可安装性示例三：实现网络状态感知与离线兜底页面示例四：利用 Cache API 实现动态缓存与版本管理示例五：集成 Push API 与 Notification API 实现消息推送实际开发中的使用技巧与最佳实践PWA（Progressive Web App）是一种结合了 Web 应用与原生应用优势的现代 Web 开发范式。

它本身就是一个 PWA，可以运行在较新的基于 Chromium 内核的浏览器中，像是 Chrome、Edge、Opera 等等，在鼎道浏览器 (DingTao) 中，它的功能会有一定的增强。你也许只是需要一个简单的模板来达成 PWA 要素生成，这些 service worker 模板都是经过精心挑选且具有代表性的，对模板代码的少量修改即可满足很多场景的需要。应用清单 (Manifest) 的配置集合了最常用且必备的选项，除了基本的清单信息，图标生成器可以帮助你生成 PWA 所需的各种尺寸的图标。

先问一句灵魂拷问——**你还在用传统网页搞“伪响应式”吗？用户一点断网就报错，体验差到爆炸？**现在都2025年了朋友，醒醒吧，别再做“网络在线”的奴隶！是时候拥抱渐进式Web应用（Progressive Web App, 简称PWA）了，它不仅能让你的网站“像App一样活下去”，还能悄咪咪地优化加载速度、缓存资源、实现离线可用，关键——用户体验简直香疯了。这篇文章，我们就带着Vue 3这把屠龙刀，一起砍进PWA的世界，从零搭建到离线优化，带你撸出一个真·离线可用的Web App。准备好了吗？

前言 =—= PWA暂时是个大坑，目前来说我觉得是的。需求倒是正常的需求，然鹅兼容性的问题，为了实现它薅秃了我不少头发。以下结论和方法均为个人摸索，涵盖从度娘那儿找到的方法，欢迎大佬们指点。 PWA的简单了解和需求 PWA（Progressive web apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。通俗来说，PWA应用是指那些使用指定技术和标准模式来开发的web应用，这将同时赋予它们web应用和原生应用的特性。需求是根..

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章