请描述一下cookies、sessionStorage和localStorage的区别

浏览器的缓存机制提供了能将数据存储在客户端的方法

html5中Web Storage 包括了两种存储方式：sessionStorage和localStorage

sessionStorage用于本地存储的一个会话(session)中的数据，这些户数只有在同一个会话的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。

而localStorage用于持久化的本地存储，除非主动删除数据，否则数据永远不会过期

cookie是网站为了标示用户身份而存储在用户本地终端（Client Side）上的数据 （通常经过加密）

区别：

1. cookie 数据始终在永远的http请求中携带（即使不需要），即cookie在浏览器和服务器之间来回传递。而sessionStorage和localStorage不会自动把数据发个服务器，尽在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。
2. 存储大小限制也不同，cookie数据不超过4k，同时因为每次Http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage虽然也有存储限制的大小，但比cookie大得多，能达到5M或更大。
3. 数据有效期不同，sessionStorage仅在当前浏览器窗口关闭之前有效，自然也就不可能持久保持；localStorage： 始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。
4. 作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；sessionStorage和localStorage在所有同源窗口中都是共享的。