简述cookie sessionStorage 和localStorage 的的区别

一 Cookie

1. Cookie是什么？

Cookie(Cookies，浏览器缓存), 是指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。

2. Cookie的作用：

主要用于少量数据的不经常存储，Web浏览器需要保存的cookie总数不过300个，为每个Web服务器保存的cookie数不超过20个。
　　
　 3.Cookie的常用方法

//1.添加cookie
let cookie = new Cookie("name","Jeef");// 新建一个Cookie对象
cookie.setMaxAge(24*60*60);                  // 设置过期时间1天，以秒为单位
response.addCookie(c);                    // 保存cookie到客户端

//2.删除cookie
let cookie = new Cookie("name","Jeef");// 新建Cookie
cookie.setMaxAge(0);                 // 设置生命周期为0，删除
response.addCookie(cookie);    

//3.修改cookie
let cookie = new Cookie("name","Jeef");// 新建Cookie
cookie.setMaxAge(24*60*60);                // 设置生命周期
response.addCookie(cookie);        // 执行添加后就从response里覆盖修改了

二 WebStorage

1. WebStorage是什么？
   顾名思义，跟cookie一样,就是在Web客户端本地存储数据.它们都能支持在同域下存储5MB数据。
   Web Storage又分为两种： sessionStorage 和localStorage

   sessionStorage :将数据保存在session对象中。是指用户在浏览某个网站时，
   从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间.Session对象可以用来保存在这段时间内所要求保存在任何数据。

   localStorage :将数据保存在客户端本地的硬件设备中，即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用.这两种不同的存储类型区别在于，sessionStorage为临时保存，而localStorage 为永久保存.

2. WebStorage的常用方法？

 	//保存Storage，以键值对的方式储存信息。
	setItem (key, value) 
	Storage.key=value

	//获取Storage，将键值传入，即可获取到对应的value值。
	getItem (key) 
	Storage.key

	//删除单个数据，根据键值移除对应的信息。
	removeItem (key) 
	
	//删除所有的数据
	clear ()