本地存储

webStorage或localStorage或sassionStorage

webStorage是浏览器端存储数据的一种前端技术；

包括localStorage和sassionStorage这两个API；

localStorage 本地存储/长期存储,在浏览器中存储的数据会长期存在，除非手动删除，常用来存储浏览历史，搜索记录，收藏，书签，账号

localStorage  会话存储、短期存储，浏览器窗口一旦关闭，则立即删除 常用来存储一些网页的登录状态，

localStorage  和   localStorage   都是window的属性,用于本地存储数据，它们API相同，不同的是数组存储的位置和时间长短不同。

 

常用的API

1，增（只支持字符串类型存储）

localStorage.setItem('name','张三');

sessionStorage.setItem('age','18');

var obj={name:'李四‘};

sessionStorage.srtltem('friend',JSON.stringify(obj));

localStorage.setItem('sex',false)

 

2,删

localStorage.removeItem('name');

sessionStorage.romoveItem('age')

sessionStorage.clear();

 

3,改　　　和增使用有相同API，无则添加，有则修改

localStorage.setItem('sex',true)

sessionStroage.setItem('age',30)

 

4，查

localStorage.length

localStorage.getItem('sex')

遍历取出所有的数据

for(let i=0;i<localStorage.length;i++){

　　　　var key=localStorage.key(i)

　　　　console.log(localStorage.getItem(key));

}

 

会话存储的数据是在窗口上存的，一个窗口对应一个sessionStorage作用域，对于不同的窗口，即使是同一个网页，数据也不共用.

 

本地存储的数据是在域名(IP地址)下存的，一个域名网址对于一个localStorage作用域，对于同一个域名下的不同网页，可以公用一个localStorage，不同域名下的localStorage相互隔离，不通用

 

总结：

1,localStorage和sessionStorage区别主要是在存储时间长短和存储作用域用上，

2,API有: setItem(),getItem(),removeItem(),clear(),key(),length

 

 　　装箱

        把值类型转换为引用类型的过程         JSON.parse()

        拆箱:

        把引用数据类型转化为值类型的过程     JSON.stringfy()