localStorage储存
文章描述：
localStorage是一个本地储存对象，长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
首先在使用 localStorage 的时候，我们需要判断浏览器是否支持 localStorage 这个属性：
$(function() {
if (!window.localStorage) {
alert("浏览器不支持localstorage");
return false;
} else {
//主逻辑业务
console.log('loading');
}
})存储
var arr = [0, 1, 2, 3];
localStorage.setItem("num", arr);读取
var str = localStorage.getItem("num");
console.log(str);修改
localStorage.setItem("num", '123456');删除
localStorage.removeItem('name');清除所有
localStorage.clear();sessionStorage 、localStorage和cookei的区别：
| 特性 | Cookie | localStorage | sessionStorage |
|---|---|---|---|
| 数据的生命周期 | 一般由服务器生成，可设置生效时间。如果在 浏览器端生成Cookie，默认是关闭浏览器后失效 |
除非被清除， 否则永久保存 |
仅在当会话下有效，关闭页面或者浏览器后被清除 |
| 存放数 据大小 |
4K左右 | 一般为5MB | |
| 与服务器端 通信 |
每次都会携带在HTTP头中，如果使用cookie保存 过多数据会带来性能问题 |
仅在客户端（即浏览器）中保存，不惨与和服务器的通信 | |
| 易用性 | 需要程序员自己封装，源生的Cookie接口不友好 | 源生接口可以接受，亦可再次封装来对 Object和Array有更好的支持 |
|
发布时间：2021/06/18
发表评论