全站 AMP/MIP 添加 Web App Manifest 启用 Service Worker 注册 Service Worker 编写 Service Worker 全站 AMP/MIP 全站 AMP/MIP，顾名思义就是指整个站点每个页面都用 AMP/MIP 来编写。由于全站 AMP 和全站 MIP 都会依赖于 AMP/MIP 运行时提...

Progressive web applications Manifest Service worker ServiceWorker configuration Precaching Runtime caching Progressive web applications Progressive web apps (PWAs) are ma...

App Shell 模型 何时使用 App Shell 模型 优势 要求 构建您自己的 App Shell App Shell 的 HTML 示例 缓存 App Shell 手动缓存 App Shell 使用 sw-precache 缓存 App Shell 结论 App Shell 模型 本文转载自 developers.goo...

设计与体验 设计与体验 PWA 的提出包含了很多新的技术，如 Service Worker 等，但用户体验 才是它的核心，用户体验包括很多方面，速度、顺滑度、阅读体验等，这不是单靠设计师能做到的，需要设计与技术互相配合，设计配合技术，技术实现设计。设计师需要考虑如何缩短用户转化流程，如何布局，让用户能方便快捷的获取信息，还需要考虑如何配合技术达到最佳...

Mobile 介绍 混合应用开发 Capacitor NativeScript Mobile 介绍 虽然 Vue.js 本身并不支持移动应用开发，但是有很多解决方案可以用 Vue.js 创建原生 iOS 和 Android 应用。 混合应用开发 Capacitor Capacitor (opens new window) 是一...

Starting a Project Cloning a Starter Project Example Project Walkthrough Application Architecture Enabling the Kotlin DSL in an Existing Vaadin Project Maven Gradle Start...

Progressive web applications Manifest Service worker ServiceWorker configuration Precaching Runtime caching Progressive web applications Progressive web apps (PWAs) are ma...

渐进式 web 应用程序 Manifest Service worker ServiceWorker 配置 预缓存 运行时缓存 渐进式 web 应用程序 渐进式 web 应用程序（PWA）由一系列技术和模式组成，主要用于改善用户体验，帮助创建更可靠和可用的应用程序。尤其是移动用户，他们会发现应用程序能更好的集成到他们的设备中，就跟本地安装的...

渐进式 web 应用程序 Manifest Service worker ServiceWorker 配置 预缓存 运行时缓存 渐进式 web 应用程序 渐进式 web 应用程序（PWA）由一系列技术和模式组成，主要用于改善用户体验，帮助创建更可靠和可用的应用程序。尤其是移动用户，他们会发现应用程序能更好的集成到他们的设备中，就跟本地安装的...

Lighthouse 介绍 Lighthouse 使用 通过Google Chrome 浏览器直接使用 以命令行的方式使用 总结 Lighthouse 介绍 Lighthouse 是谷歌基于 Apache 2.0 开源协议进行开源的一款Web应用与Web页面性能分析工具。 通过该工具，它能轻松得出你网站页面性能 、PWA 、最佳实践 、无障...