总结

非主流存储

离线缓存

离线缓存

实战

indexedDB database

几种存储形式

cookies在浏览器端的存储形态

目录

关于存储

课程介绍

客户端存储历程

具体介绍

大量案例

适用场景

如果有修改资源文件,必须通过修改 manifest文件来刷新被缓存的文件列表

application cashe

H5存储优势

1、存储空间大

2、接口丰富

3、数据相对安全

4、关系型

5、省流量

H5存储劣势

1、浏览器兼容

2、同源

3、脚本控制

4、更新策略

H5离线缓存

使用场景

H5离线缓存

如果有修改资源文件，必须通过修改manifest文件来刷新被缓存的文件列表

优势

1、完全离线

2、资源被缓存，加载更快

3、降低server负载

是用缺陷

如何引用manifest

创建manifest文件

H5离线缓存

navigator.online=true在线状态

=false离线状态

存储结构

IndexedDB是按域名分配独立空间，一个独立域名下可以创建多个数据库，每个数据库可以创建多个对象存储空间（表），一个对象存储空间可以存储多个对象数据

indexedDB database

一中能子浏览器中持久地存储结构化数据的数据库，并且为web应用提供了丰富的查询能力

兼容性：Chrome 11+

Opera 不支持

Firefox 4+

IE 10+

H5本地存储的使用场景

本地存储的过期控制

H5本地存储使用限制

H5本地存储注意事项

只要能被序列化成字符串或者转换成字符串的都可以存放在localstorage

localstorage API介绍

getItem

setItem

removeItem

key

clear

可以存储的内容：

数组，json数据，图片，脚本，样式文件

sessionstorage关闭页面的时候就会删除。

H5的几种存储方式

本地存储（localstorage && sessionstorage）

离线缓存（application cache）

IndexedDB 和Web SQL

H5的存储

UserData