localStorage,sessionStorage和cookie的区别

共同点

都是保存在浏览器且都是同源的（url协议，端口，主机名是相同的）

不同点

1. cookie数据始终在同源的htttp请求中携带（即使不需要）即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存，cookie数据还有路径的概念，可以限制cookie只属于某个路径下；
2. 存储大小，cookie的存储大约为4k,而sessionStorage和localStorage的存储大小为5M；
3. 有效期，sessionStorage为临时会话，即浏览器关闭数据会消失；localStorage为永久存储，只有进行清除时数据才会消失；cookie只在设置cookie过期之前有效；
4. 作用域，sessionStorage不同浏览器不共享即使同一个页面；localStorage和cookie在所有同源的窗口中共享；