pwa-concepts:演示应用程序PWA概念

时间:2024-02-26 15:18:15
【文件属性】:

文件名称:pwa-concepts:演示应用程序PWA概念

文件大小:2.28MB

文件格式:ZIP

更新时间:2024-02-26 15:18:15

javascript caching pwa service-worker page-cache

PWA概念 PWA概念演示。 使用Service Workers演示离线服务页面 :video_camera: :video_camera: 入门 :rocket: 这些说明将为您提供项目副本,并在您的本地计算机上运行以进行开发。 先决条件 :page_facing_up: HTML CSS和JavaScript的基本知识。 服务人员 :construction_worker: 什么是服务人员? 服务工作者是一个事件驱动的javascript文件,该文件在后台的浏览器中与您的网页分开运行。 充当缓存代理 处理网络请求, 使用缓存和存储内容以供脱机使用 即使关闭浏览器也可以处理推送消息。 服务人员如何工作? 它为您提供了一种持久性介质,可以将网络请求(如其他页面,图像,脚本,CSS文件等)保留在可控制的缓存中。


【文件预览】:
pwa-concepts-master
----css()
--------normalize.min.css(2KB)
--------main.css(7KB)
----apple-splash-1125.png(180KB)
----service-worker-installed.png(81KB)
----android-chrome-192x192.png(13KB)
----apple-splash-750.png(94KB)
----img()
--------cassidy.jpg(3KB)
--------gabor.jpg(3KB)
--------duffy.jpg(3KB)
--------share.png(5KB)
--------aths.png(12KB)
--------cramer.jpg(3KB)
----cache-fallback.png(19KB)
----package.json(548B)
----apple-touch-icon.png(13KB)
----apple-splash-1242.png(181KB)
----apple-splash-2048.png(200KB)
----manifest.json(469B)
----index.html(13KB)
----safari-pinned-tab.svg(36KB)
----js()
--------main.js(3KB)
----favicon-32x32.png(2KB)
----package-lock.json(7KB)
----mstile-150x150.png(11KB)
----sw.js(5KB)
----demo-service-workers.gif(533KB)
----favicon-16x16.png(1KB)
----.gitignore(85B)
----apple-splash-1536.png(137KB)
----android-chrome-512x512.png(49KB)
----push-messagin-flow.png(161KB)
----README.md(9KB)
----apple-splash-1668.png(152KB)
----Notification.gif(481KB)
----Service-Worker-LifeCycle.png(15KB)
----favicon.ico(15KB)
----apple-splash-640.png(77KB)

网友评论