服务端渲染 SSR 完全指南 Nuxt.js Quasar Framework SSR + PWA 服务端渲染 SSR 完全指南 我们创建了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue、webpack 和 Node.js 开发的开发者阅读。请移步 ssr.vuejs.org (opens new wi...

检验 PWA 站点 最佳实践建议 将 PWA 站点打包成 App

Lavas 介绍 探索 PWA 快速开始 PWA 工程 开发一个页面 调试工程 构建部署工程

利用 ASP.NET Core Blazor WebAssembly 生成渐进式 Web 应用程序Build Progressive Web Applications with ASP.NET Core Blazor WebAssembly 本文内容 PWA 模板PWA template 安装和应用部件清单 (manifest)Installation...

维护 manifest.json 如何配置 如何自动生成 如何测试验证 维护 manifest.json 开始之前，您可以查看添加到屏幕 相关内容，快速掌握相关基础。 为了实现 PWA 应用添加至桌面的功能，我们需要准备 manifest.json 文件配置应用的图标、名称等信息。 项目中这些信息在哪里配置呢? 如何配置 项目的配置...

基本功能 自定义名称 示例 自定义图标 示例 设置启动网址 示例 设置作用域 示例 基本功能 本文将介绍 manifest.json 的一些基本配置，通过这些基本配置，PWA 站点可以支持添加至主屏幕功能。 自定义名称 自定义图标 设置启动网址 设置作用域 自定义名称 PWA在通过应用安装横幅引导用户安装 app，以...

改善应用体验 添加启动画面 设置图像和标题 设置启动背景颜色 设置启动显示类型 示例 设置显示类型 示例 指定页面显示方向 设置主题颜色 示例 改善应用体验 通过对 manifest.json 进行相应配置，可以提升 PWA 从主屏幕启动时的应用体验。 添加启动画面 设置显示类型 指定显示方向 设置主题色 添加启...

各种项目模板 知识点 实战演习 模板官网 课程文件 小马视频频道 各种项目模板 知识点 vue命令默认提供的各种模板 实战演习 $ vue help $ vue list browserify - A full-featured Browserify + vueify setup with hot-reload, ...

Lighthouse 使用案例 对站点进行测试 测试结果 总体评分 Performance 性能评分 PWA 评分 无障碍访问评分 Best Practices 最佳实践评分 SEO 搜索引擎优化评分 小结 Lighthouse 使用案例 前面两节我们对 Lighthouse 的使用方法和性能评分计算的原理有了一定的了解，下面我们使...

应用添加横幅 引导用户添加应用至主屏幕 显示应用安装横幅的条件 应用安装横幅事件 判断用户是否安装此应用 取消或延迟安装横幅的触发事件 示例 引导用户安装原生应用 显示原生应用安装横幅的条件 应用添加横幅 PWA 提供两种添加应用横幅的形式，分别实现引导用户添加 PWA 至桌面 和引导用户下载原生应用 的功能。本文将介绍应用安装横幅的...