H5存储

1、localstorage

① 500万字符限制
② 一般存储ajax请求返回数据，并且需要设置过期时间
③ 具有清理机制，将过期数据清理
④ 不存储敏感信息
⑤ 不存储SEO依赖数据，至少不能严重依赖
⑥ 隐私模式localstorage不可读写，所以不能用它来做页面通信
⑦ localstorage读写有性能损耗，大数据读写要避免

⑧目前所有的浏览器中都会把localStorage的值类型限定为string类型，这个在对我们日常比较常见的JSON对象类型需要一些转换

    var storage=window.localStorage;
    storage.name="中国人";

这是最直接的写法。在控制台我们可以看出

官方推荐的是采用setItem、getItem、clear()、removeItem()来进行增加、获取、全部删除、删除指定键，存储在localStorane上的都是string,这个要注意转换。如果不删除存储的信息会永久存在的。

它还具有一个 storage事件，可以来监听是否发生变化，window.addEventListener("storage", function (e) { alert(e.newValue); });这个只有在不同页面发生改变时才会被监听到。

2、sessionStorage

基本和localStorage是一样的，不同之处在于它是临时存储的，游览器关闭时它就被清除了，比较适合单页面。

最后放一个检测存储大小的网站：http://dev-test.nemikor.com/web-storage/support-test/