H5存储------localStorage和sessionStorage

web现在随着计算机的高速发展，客户端干的事情越来越多了，随着事情的增多，很多东西存储就不止在服务器了，本地存储越来越强大了(大神原谅我废话了😭😭😭😢)

早期时期

cookie存储

（之前我用着还是很方便的😁，存一些用户不重要的信息呀），后来大神告诉我，这个很影响页面加载速度，并且安全性低

大小4kb（😭真的好小哦）

后来时期

随着H5的到来，它提供了新的web存储，webstorage

基本包含了localStorage和sessionStorage

 

localStorage

　　一种没有时间限制的缓存，我们不手动清理，就不丢失

sessionStorage

　　（”短时间“存储，大神原谅我粗糙的解释），我们用户的窗口执行了关闭操作，sessionStorage的数据会丢失

先检测我们浏览器是不是支持H5的存储

 if (window.localStorage && window.sessionStorage) {
                alert("你的浏览器支持localStorage和sessionStorage");
    }

创建一个localStorage存储

//先判断支持

 if (window.localStorage) { localStorage.setItem("userName", "老王"); }

获取我们localStorage存储的数据

localStorage.getItem("userName")

最后我们操作删除localStorage存储

localStorage.removeItem("userName");
//关闭缓存
localStorage.clear();

 

sessionStorage操作和localStorage基本操作一样的！