VIP20

本课程属于：030-离线优先架构本地持久化 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。

查看所属VIP全部课程 →

← 返回所属目录咨询 / 购买

离线优先应用开发实战教程

共计 30 章节

点击此处阅读海量试读课程：100+行业、1000+细分领域

离线优先应用概述

核心价值 · 适用场景 · 与传统在线模式对比

离线优先应用概述核心价值

Service Worker生命周期

注册 · 安装 · 激活

Cache API基础

缓存策略(stale-while-r… · 缓存命名 · 手动管理缓存大小

Fetch事件拦截

请求拦截与响应替换 · fallback页面 · 离线资源兜底

Fetch事件拦截

IndexedDB入门

数据库创建 · 对象仓库 · 事务

IndexedDB数据库创建

本地数据模型设计

离线优先数据存储结构 · 键设计 · 数据同步标记

本地数据模型设计离线优先数据存储…

数据同步策略

乐观更新与悲观更新 · 同步队列 · 冲突消解(Last-Write-Wi…

数据同步策略乐观更新

后台同步API

Background Sync注册 · 事件监听 · 同步逻辑实现

API后台同步

Periodic Background Sync

定时后台同步 · 权限 · 更新频率控制

PeriodicBackground

Push API & 离线通知

订阅推送 · 推送事件处理 · 通知显示

离线缓存清单管理

预缓存与运行时缓存 · 缓存版本控制 · 缓存清理策略

离线缓存清单管理预缓存

网络状态检测与提示

navigator.onLine · online/offline事件 · 降级UI

网络状态检测提示

离线表单提交

表单数据本地存储 · 网络恢复后自动提交 · 进度反馈

离线表单提交表单数据本地存储

离线图片与媒体处理

图片缓存策略 · 媒体分片存储 · 缩略图离线生成

离线图片媒体处理

PWA Manifest配置

name/short_name/ic… · 作用域 · 安装提示

离线应用调试工具

Chrome DevTools Ap… · SW调试 · Cache Storage

离线应用调试工具Chrome

离线数据加密与安全

本地数据加密(Web Crypto… · 敏感信息安全存储 · SW中HTTPS要求

离线数据加密安全

多Tab同步与共享

BroadcastChannel A… · SharedWorker · localStorage同步

离线分析(Google Analytics离线)

离线事件缓存 · 恢复后发送 · Measurement Protoc…

GoogleAnalytics

离线应用测试策略

单元测试(Service Worke… · 集成测试(Puppeteer离线模拟… · 端到端测试

离线应用测试策略Service

离线与在线状态切换处理

状态变化监听 · UI刷新 · 数据合并

离线线状态切换处理

离线数据过期与清理

TTL策略 · 最近最少使用(LRU) · 按存储配额清理

离线数据过期清理

离线应用构建与打包

Webpack Workbox插件配… · SW预注入 · 动态模块缓存

离线应用构建打包

离线应用部署与CDN

HTTPS部署 · SW文件路径 · 缓存头设置

CDN离线应用部署

离线应用性能优化

首屏加载 · 缓存命中率 · IndexedDB批量读写

离线应用性能优化首屏加载

离线应用错误监控与日志

错误捕获 · 离线日志存储 · 上报策略

离线应用错误监控日志

离线认证与登录

JWT离线存储 · 刷新 · 离线权限校验

离线认证登录

离线应用版本升级

SW更新流程 · 新旧缓存切换 · 同步队列迁移

离线应用版本升级SW

离线应用离线优先架构设计模式

Worker Registry · Sync Manager · Offline Store

离线应用离线优先…Worker

构建一个完整的离线优先笔记应用 · 架构 · 实现

综合实战构建一个完整的离…