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基本操做同样的！