HTML5本地存储

• API : localStorage && sessionStorage

• 存储形式 : key —>value

• 过期 : 永久存储，永不失效

• 大小 : 官方给出是每个域名5M

使用方法

localStorage API

• getItem : 取记录

• setItem : 设置

• removeItem : 移除

• key : 取索引

• clear : 全部删掉

sessionStorage

重新打开浏览器或者关闭浏览器消失

H5本地存储

数组 ： 直接不能存，要把数组序列化成字符串就可以

json数据 ：直接不能存，把json数据parse成对象，stringfiy转成字符串

图片

脚本 ： ajax

样式文件

注意

1. 使用前要判断浏览器是否支持

2. 写数据时，需要异常处理，避免超出容量抛错

3. 避免把敏感信息存入localStorage

4. key的唯一性

使用限制

1. 存储更新策略，过期控制

2. 子域名之间不能共享数据

3. 超出存储大小之后如何存储（LRU，FIFO）

4. server端如何取到

使用场景

1. 利用本地存储数据，减少网络传输

2. 弱网络环境下，高延迟，低宽带，尽量把数据本地化