Cookie、sessionStorage、locaStorage的区别

共同点：都是保存在浏览器端，并且是同源的

Cookie:cookie数据始终在同源的http请求中携带，即使不需要也会携带过去，即cookie在浏览器和服务器之间来回传递。而seesionStorage和localStorge不会自动把数据发给服务器，金在本地保存。cookie数据还有路径的概念，可以限制cookie只属于某个路径下，存储的大小很小只有4k左右。
（key：可以在浏览器和服务器之间来回传递，存储容量只有4k）

sessionStorage:仅在当前浏览器窗口关闭前有效，自然也就不可能持久保存；localStorage:始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效。（cookie的有效时间默认为-1，如果不进行设置的话，就会默认在浏览器会话关闭时结束。可以通过setMaxAge()方法设置cookie的生命期。当setMaxAge(0)表示立刻删除该浏览器上指定的cookie）
（key：本身就是一个会话过程，关闭浏览器后消失，session为一个会话，当页面不同即使是同一个页面被打开两次，也被视为不同会话。刷新当前页面，或者通过location.href、window.open、或者通过带target="_blank"的a标签打开新标签，之前的sessionStorage还在，但是如果你是主动打开一个新窗口或者新标签，对不起，打开F12你会发现，sessionStorage空空如也。也就是说，sessionStorage的session仅限当前标签页或者当前标签页打开的新标签页，通过其它方式新开的窗口或标签不认为是同一个session。）

localStorage:localStorage在所有同源窗口都是共享的；cookie也是在所有同源窗口中都是共享的。
（key:同源窗口都会共享，并且不会失效，不管窗口或者浏览器关闭与否都会始终生效）