应用缓存 indexedDB

本文介绍了如何使用应用缓存和IndexedDB创建离线应用。首先,详细阐述了应用缓存的创建和引用过程,以及在断网情况下如何管理和更新缓存。接着,探讨了IndexedDB的功能,它可以作为离线存储解决方案,用于存储和检索数据。文中列举了IndexedDB的基本操作步骤,包括打开数据库、创建object store、增删改查等,并提供了相关代码示例。此外,还比较了IndexedDB与其他HTML5数据存储方式如Storage和webSQL。
摘要由CSDN通过智能技术生成

使用应用缓存的两个步骤:
1.创建应用缓存的文件
这里写图片描述

2.在html中引用应用缓存的文件
这里写图片描述

<link rel="icon" href="icon.png"/>

设置图标应用缓存的详细使用:
1. 需要在服务端配制应用缓存文件
2. 在客户端断网的时候保存一个版本当来网的时候更新应用缓存的文件可以通过applicationCache监听 应用缓存失效的状态,如果失效更新页面
这里写图片描述

indexedDB可以做什么?
可以配合应用缓存做离线应用也可以在没网的情况下阅览近期浏览过的新闻 indexedDB是一个nosql ,都是以对象的方式区存储
indexedDB的基本操作:
1.打开数据库并且开始一个事务。(事务 一个平台演员的舞台是一个可以提供表演的地方)
2.创建一个object store。
3. 构建一个请求来执行一些数据库操作,像增加或提取数据等。
4. 通过监听正确类型的DOM 事件以等待操作完成。
5. 在操作结果上进行一些操作(可以在request 对象中找到)查看IndexedDB中 存储的数据

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值