账号密码凭证管理 存储登录信息 获取用户登录信息 示例 账号密码凭证管理 网站通常会自己实现一套登录系统，需要账号和密码作为登录信息。使用凭证管理 API 进行账号密码凭证管理，即可方便快捷地实现自动登录，提升用户体验。 凭证管理 API 提供了 PasswordCredential 凭据对象，需要将账号密码信息转换为凭证之后再进行存取操作...

什么是 PWA 可靠 体验 粘性 其他 来源(书栈小编注) 什么是 PWA Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。 PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进行改进，在安全、性能和体验三个方面都有很大提升，PWA 本质上是...

Service Worker 调试 debug 环境下的开发跳过等待状态 借助 Chrome Devtool 进行调试 查看 Service Worker 缓存内容 网络跟踪 真机调试 Android inspect 远程调试 iOS 远程真机调试 Service Worker 调试 在开发 Service Worker 文件的过程中，...

svg-loader 介绍 loader 是什么 处理流程 监听文件更新 svg-loader 介绍 Lavas Basic 模版 并不包含此功能 在 如何在项目中使用图标 一节中，我们介绍了开发时引入自定义 svg 图标的方法，例如： 将自定义 svg 文件放入指定文件夹下，自动完成注册 修改 config/icon.js 配...

什么是 PWA PWA 的特性 什么是 PWA Google 提出 PWA 的时候，并没有给它一个准确的定义，经过我们的实践和总结， PWA 它不是特指某一项技术，而是应用多项技术来改善用户体验的 Web App，其核心技术包括 Web App Manifest，Service Worker，Web Push 等，用户体验才是 PWA 的核心。 ...

第三方登录凭证管理 接入第三方登录 API 保存第三方登录凭证 读取第三方登录凭证 第三方登录示例 第三方登录凭证管理 对于用户而言，注册账号密码是一件非常麻烦的事情，不但注册过程繁琐且花时间，同时也提高了用户的账号维护成本。因此如果网站能够提供第三方登录，让用户能够直接复用一些现有且常用的网站账号，将能够大大提高用户体验。 接入第三方...

App Shell 什么是 App Shell 如何正确使用 App Shell App Shell 的案例 如何在 Vue 项目中使用 App Shell + Service Worker 启动示例 示例解析 哪些区域是 App Shell 如何缓存 App Shell 内容 总结 App Shell 在第一章中已经简单介绍过 A...

凭证管理 API 保存用户凭证 自动登录 获取用户凭证 发送凭证验证用户 第三方账号登录 修改凭证信息 使用账户选择器登录 小结 凭证管理 API 一直以来，登录网站总是一件非常麻烦的事情，尤其是在移动端，如果过早要求用户进行登录，转化率会大大降低。用户输入账号密码并提交给服务器进行校验，服务器校验通过之后将创建 session 保持...

骨架屏 骨架屏长什么样 骨架屏能用在哪里 在 Vue 项目中使用骨架屏 进阶优化：更快的展现骨架屏 现状分析 浏览器做了什么 避免样式文件的加载阻塞骨架屏的渲染 这样就完了吗？ 如何在 Vue 项目中使用骨架屏 总结 骨架屏 在前面的章节，我们说过，首屏速度对于用户留存率至关重要。 很多站点都会在完成基本功能后（或者同时）进行性...

网络推送 推送流程 订阅推送 使用 VAPID 消息推送 浏览器接收推送消息 后端服务推送消息 取消订阅 结合 Notification 实现离线通知推送 网络推送 在上一节我们已经介绍了使用 Notification API 如何创建推送并展示给用户，但是当浏览器没有打开，Service Worker 处于休眠状态时，如何将通知推送...