文件名称：pwa_from_scratch:从头开始构建简单PWA的指南
文件大小：1.14MB
文件格式：ZIP
更新时间：2024-06-04 00:30:14
manifest pwa offline service-worker anime-search
从零开始的PWA指南（还有另一本） 欢迎使用我的指南，从头开始创建PWA（渐进式Web应用程序）。 我希望它能帮助您了解更多服务工作者，Web App清单和缓存。 享受 :graduation_cap: 。 介绍 在以下各节中，我们将从零开始构建一个非常简单的PWA。 目的是要熟悉最重要的PWA概念； 清单和服务人员。 我们将不使用任何特定的框架，并且将使代码非常简洁。 为了简单起见，我们将在javascript中使用一些ES6功能。 这是本指南的主要步骤。 每个人都将在不同的部分中论述： 准备应用程序外壳 添加清单 实施服务人员 快取 我希望本指南能使您了解采用PWA思想所能获得的好处。 但是在进入代码之前，让我们为工作站准备必要的元素。 要求 我们将与以下语言一起使用Visual Studio Code IDE：HTML 5，CSS3和EcmaScript6。这是我为本教程推荐的设置： 以下VS Code扩展
【文件预览】：
pwa_from_scratch-master
----sw.js(2KB)
----manifest.json(435B)
----README.md(25KB)
----readme_assets()
--------pwa_splashscreen.jpg(25KB)
--------pwa_chrome_fullscreen.jpg(21KB)
--------history.jpg(113KB)
--------pwa_manifest_generator.png(177KB)
--------pwa_diekus.svg(2KB)
--------chrome_apps_tab.png(78KB)
--------cache_storage.png(101KB)
--------pwa_bookmark.jpg(52KB)
--------live_server.png(11KB)
--------new_cache_storage.png(74KB)
--------pwa_install_chrome.jpg(30KB)
--------app_shell.jpg(123KB)
--------pwa_install_menu.jpg(123KB)
--------pwa_diekus.png(8KB)
----pwa0-512.png(38KB)
----main.js(2KB)
----.vscode()
--------settings.json(133B)
----docs()
--------codelab()
--------experiment()
--------flex_grid_ui()
----LICENSE(1KB)
----pwa0-64.png(4KB)
----main.css(298B)
----pwa0-128.png(8KB)
----index.html(1KB)