咱们聊聊localStorage跟sessionStorage这俩家伙
要记住，存东西在网页可没那么容易，但别慌，我这儿有两个保镖——LocalStorage和SessionStorage，就像硬盘和U盘那样给力。LocalStorage超级耐用，就算你突然断电，数据也不会丢；而SessionStorage则是临时工，只要你关掉浏览器，里面的资料就全消失。它们的存在就是为了方便咱们网购时随时保存重要信息。
现在大多数浏览器都不支持以前的办法，尤其是旧版的那种。所以，要用LocalStorage的话，别忘了看下它跟你的设备是否契合！
LocalStorage的存储限制
哈罗！听说过本地存储吗？就是那个能存5MB的东西，对小网站挺实用的，但对大型网站就不太够用咯。而且，它只支持字符串类型的数据像我们常用的JSON对象，还得处理一下才能塞进去。
来来来，再来说多一点点。例如你在电脑上开个隐身模式，那你存放在本地磁盘里面的东西就隐藏起来啦～所以呐，如果您的用户也这样操作了，那您之前存放的资料可是再也找不回来咯！
SessionStorage的特点
SessionStorage跟LocalStorage差别可不小，最主要的是，SessionStorage里的数据只要一关浏览器就没了，特合适拿来存点小玩意儿用！
咱们聊聊SessionStorage这货，它也没多大地方，就5M多点儿罢了。不过跟LocalStorage比起来，它好在可以随时扩大或者收缩存储空间！所以，不管是增加还是减少SessionStorage空间，都挺容易搞定的哈~
哈喽！你知道LocalStorage和SessionStorage这俩常见的存东西方法吗？咱们来唠唠。
本地存储和会话存储这两个功能超级简单，只要把数据丢进去（用setItem方法），然后再取出来看看就行了（通过getItem方法）。这么简单，谁能不会呀?
告诉你LocalStorage和SessionStorage有两个超好用的功能，叫removeItem和clear。removeItem就像个细心的小助手，专门帮你找到并删除特定的数据片段；而clear，简直就是个清洁狂人，一下子就能把所有的数据统统清光。虽然听起来有点儿难搞，但其实简单易懂！
记住了存东西的时候用LocalStorage和SessionStorage要小心点儿！
存储LocalStorage和SessionStorage时，搞清楚两件事儿哦：1.它们只支持字符串类型的数据；2.想存JSON？得先转成字符串才行呐！
记住，LocalStorage跟SessionStorage的内存可是有数儿的！东西放得多了，存储空间就会不够。所以，用它们的时候别太贪心，少存点~
说到底，记住浏览器开了隐私模式，LocalStorage跟SessionStorage就啥都读不到里头儿存的东西咯。就是说，要是用户把隐私模式打开了，那你之前存的数据可算是泡汤啦～
来说说我们平常在哪儿看到过LocalStorage和SessionStorage？
比如，你搞了一个电商网站，让用户登录以后把喜欢的东西加入到购物车。然后他们不管浏览器怎么关都行，反正下次再开起来，他们的购物车还是一样的。
user登录之后，咱们就把他们的购物车资料换成字符串，记住在手机上。下次他们再来这个网，就把预先存好的购物车找出来，转成JSON格式，这样就能马上看到购物车！
这题挺容易的跟我学下怎么用LocalStorage和SessionStorage，简单好用又实用哩！
if(！window.localStorage){
alert("浏览器支持localstorage");
return false;
}else{
//主逻辑业务
咱们唠唠浏览器对Local和Session存储是咋看的？
别忘了，不是所有浏览器都支持LocalStorage和SessionStorage。
localStorage的写入，localStorage的写入有三种方法，这里就一一介绍一下
if(！window.localStorage){
alert("浏览器支持localstorage");
return false;
}else{
var storage=window.localStorage;
//写入a字段
storage["a"]=1;
//写入b字段
storage.a=1;
//写入c字段
storage.setItem("c",3);
console.log(typeof storage["a"]);
console.log(typeof storage["b"]);
console.log(typeof storage["c"]);
}
你知道吗？LocalStorage和SessionStorage虽然好用，但也是有内存限制的！
聊聊你我都熟悉的“本地存储”和“会话存储”
LocalStorage跟SessionStorage各有千秋。说说LocalStorage好在哪里？它可以帮你保存各种数据~就算关闭浏览器再打开也不怕丢失。可惜它只能处理字符串型的数据，而且还会受存储空间的限制
SessionStorage其实挺好使的，能根据需要扩大存储空间，不过如果你关掉浏览器，记录就会全都消失，有点儿小困扰！
本地存储和会话存储是啥玩意儿？它们到底有啥作用，怎么用嘞？
if(!window.localStorage){
alert("浏览器支持localstorage");
}else{
var storage=window.localStorage;
//写入a字段
storage["a"]=1;
//写入b字段
storage.a=1;
//写入c字段
storage.setItem("c",3);
console.log(typeof storage["a"]);
console.log(typeof storage["b"]);
console.log(typeof storage["c"]);
//第一种方法读取
var a=storage.a;
console.log(a);
//第二种方法读取
var b=storage["b"];
console.log(b);
//第三种方法读取
var c=storage.getItem("c");
console.log(c);
}
比如，想让人家在关闭浏览器后还能保留购物车里的东西呀？那就得请出LocalStorage小哥哥了！
对了，你可以用SessionStorage来储存用户的临时信息，像搜索历史之类的。关了浏览器重新打开也没关系，这些记录还在那里！重要的是它占的内存很小！
聊聊大家最关心的，本地存储和会话存储这俩玩意儿的未来走向。
咱们看好了，今天这个LocalStorage和SessionStorage可是大有可为！浏览器天天变，存储力跟功能还越来越强，甚至能存更多种数据咯。
对了，如今网络上的应用简直酷炫极了，比如什么本地存储和会话储存之类的功能，大家都挺爱用的。比如说，你可以用来保存自己的喜好设置哪怕关了电脑也不用担心会弄丢哩，下次再开它还在那里等你回来！
没的说，LocalStorage和SessionStorage绝对大有作为！今后网站上的小应用也少不了它们。
if(!window.localStorage){
alert("浏览器支持localstorage");
}else{
var storage=window.localStorage;
//写入a字段
storage["a"]=1;
//写入b字段
storage.b=1;
//写入c字段
storage.setItem("c",3);
console.log(storage.a);
// console.log(typeof storage["a"]);
// console.log(typeof storage["b"]);
// console.log(typeof storage["c"]);
/*分割线*/
storage.a=4;
console.log(storage.a);
}
评论0