cookie和session的联系和区别（cookie和localstorge、sessionStorge的区别）

一
  
  
  
  
  
  
 、背景由来

cookie原来是用来网络请求携带用户信息的
  
  
  
  
  
  
 ，只不过在HTML5出现之前 
  
  
  
  
  
 ，前端没有本地存储的方法 


 


 


 


 


 


 
，只能使用cookie代替

localstorge 
  
  
  
  
  
 、sessionStorge是html5提供的API
 
 
 
 
 
 
，极大的方便了前端在客户端存储数据

二 


 


 


 


 


 


 
、那么这三者有什么区别呢？

1.存储时间

cookie可以自定义时间的有效性

sessionStorge是关闭标签和浏览器即刻消失

localstorge始终存在客户端  
   
   
   
   
   
  ，只要不是手动删除

2.存储大小

cookie只有4K

localstorge
 
 
 
 
 
 
、sessionStorge有5M

3.API易用性

cookie只有document.cokkie=" " 太麻烦

localstorge  
   
   
   
   
   
  、sessionStorge提供了getitem和setItem方法

4.是否随网络请求发送

cookie会被浏览器网络请求中自动读取发送 

 

 

 

 

 

 
，而localstorge 

 

 

 

 

 

 
、sessionStorge不会