HTML5存储

HTML5

一、H5之前的储存

1、cookies

• http请求头会带着
• 大小限制为4K
• 主Domain污染

2、UserData

• 只有IE支持
• XML文件

二、H5的几种存储

1、本地存储

localstorage

• getItem // 获取相应可以key的具体内容
• setItem //定义一个本地缓存
• removeItem
• key //key(i)，获取相应的本地缓存
• clear
  注意事项
  1.使用前要判断浏览器是否支持
  2.写数据的时候，需要异常处理，避免超出容量抛错
  3.避免把敏感的信息存入localStorage
  4.key的唯一性
  局限性
  1.存储更新策略，过期控制
  2.子域名之间不能共享数据
  3.超出存储大小之后如何存储（LRU，FIFO）
  4.server端如何取到
  可以存储图片，适用的场景，不常更换图片，但是希望更改后就可以直接显示新的图片
  sessionstorage
  刷新依旧在，关掉才可以清除

2、indexedDB database

a. 支持：

存储结构：按域名分配独立空间，一个独立域名下可以创建多个数据库，每个数据库可以创建多个对象存储空间，一个对象存储空间可以存储多个对象数据。

3.离线缓存