HTML5存储

目录

• 一 H5之前如何实现存储
• 二 H5的几种
  • 2.1 H5本地存储
  • 2.2 Indexeddb
  • 2.3 离线缓存
    • 实列：
• 三 非主流存储
• 四 总结

一 H5之前如何实现存储

1、cookie

cookies在浏览器端存储形态

2、UserData

二 H5的几种

h5存储目标

2.1 H5本地存储

1、使用方法：

2、可以存储什么？

eg: 存图片：

3、使用注意事项

4、使用限制

5、使用场景

本地存储和网络拉取耗时对比

2.2 Indexeddb

1、概念

浏览器兼容

存储结构

2、增删改

删除


查询


删除DB

2.3 离线缓存

1、什么是离线缓存

2、原理

3、浏览器支持情况

4、manifest文件

实列：

第一次访问

第二次访问

更改manifest

如何让manifest失效
1）修改文件名称

2）找不到相应的manifest文件，重新获取请求

5、如何更新

6、优势

7、劣势

8、适用场景

三 非主流存储

1、userData

2、google gears

四 总结

1、优势

2、劣势