聊一聊HTML5存储的那些事儿！

1、HTML5与以往的存储方式有哪些不同？
​javascript的cookie使用方法介绍
​JQuery的cookie使用方法
解决cookie只有4k的大小问题
解决请求头常带存储信息的问题
解决关系型存储的问题
跨浏览器

2、H5 的几种存储形式
本地存储(localstorage && sessionstorage)
​HTML5本地存储sessionStorage和localStorage的常用操作
​关于使用HTML5本地存储图片的介绍
​localStorage的过期时间设置的方法？
离线缓存(application cache)
IndexedDB 和 Web SQL

3、API
- localstorage && sessionstorage

存储形式
- key=>value

过期
- 永久存储,永不失效，除非手动删除

大小
- 官方给出的文档是，每个域名5M

4、使用方法
localstorage API介绍
- getItem 获取
- setItem 设置
- removeItem 移除
- Key 取得某个位置上的key值,索引
- clear 全部删除

5、H5本地储存可以存什么东西,(全部序列换转成字符串形式)
数组
json数据
图片
脚本
样式文件

6、使用注意事项：
1.使用前要判断浏览器是否支持

if(window.localStorage){
 alert('This browser supports localStorage');
}else{
 alert('This browser does NOT support localStorage');
}

2.写数据时候，需要异常处理，避免超出容量报错
3.避免把敏感的信息存入localstorage
4.要注意key的唯一性
5、子域名之间不能共享存储数据，使用HTML5的postmessage跨域

7、使用场景：
1.利用本地数据,减少网络传输
2.弱网络环境下，高延迟,低带宽,尽量把数据本地化