Cookie和Session区别

1、Cookie数据存放在浏览器中，Session数据存放在服务器上
2、Cookie是不安全的，别人可以分析存放在本地的Cookie并进行诈骗，考虑到安全性能，应尽量使用Session
3、Session会在一定时间内保存在服务器上。当访问增多时，会比较占用服务器的性能。考虑到服务性能，应尽量使用Cookie
4、单个Cookie保存的数据不能超过4k，很多浏览器都限制一个站点最多保存20个cookie
Cookie和Session都用来存储用户信息，Cookie存放于客户端可能会被窃取，所以Cookie一般用来存放不敏感的信息，比如用户涉及的网站主题，敏感的信息用Session存储，比如用户的登录信息

Cookie和LocalStorage 、 SessionStrorage 的区别

HTML5中提出了webStorage的概念，webStorage包括SessionStorage和LocalStorage，只为了保存数据，不会与服务器进行通信

一、与服务器交互的区别

1、Cookie是网站为了标识用户身份而存储在用户本地终端上的数据（通常通过加密）
2、Cookie始终会在同源htto请求头中携带（即使不需要），在浏览器和服务器之间来回传递
3、SessionStorage和LocalStorage不会自动把数据发给服务器，仅在本地保存

二、存储大小的区别

1、Cookie数据根据不同的浏览器限制，大小一般不能超过4k
2、SessionStorage和LocalStorage虽然也有存储大小的限制，但比Cookie大得多，可以达到5M或更大

三、有效时间的区别

1、LocalStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据
2、SessionStorage数据在当前浏览器关闭后自动删除
3、Cookie设置的Cookie过期时间之前一直有效，与浏览器是否关闭无关

API使用

  xxxxStorage.setItem('key',value)  
  //接收一个键和值作为参数，把键值对添加到存储中  
  //如果键名存在，则更新其对应的值  
  
  xxxxStorage.getItem('key')  
  //接收一个键名最为参数，返回键名对应的值  
  
  xxxxStorage.removeItem('key')  
  //接收一个键名最为参数，并把改键名从存储中删除  
  
  xxxxStorage.clear()  
  //清空存储中的所有数据

cookie 、session、localstorage 、 sessionstrorage 的区别