基本概念

• localstorage是HTML5标准中新加入的技术，早起考虑到兼容性的问题没有广泛使用，现在已经被大多数浏览器所支持.

• sessionstorage会话，可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是关闭页面后数据会被清空。

• cookie主要用来保存登录信息，就比如随便一个网站上登录时可以看到记住密码，可以在本地保存一段时间。

区别：

• Cookie：可以设置有效期；若没有设置有效期，则关闭浏览器后cookie值就会被清除掉；若设置过期时间；cookie会存放在硬盘中，过期才会失效。Cookie的作用域在所有同源窗口中都是共享的。通信方式：cookie在浏览器和服务器之间来回传递。

• SessionStorage：仅在当前浏览器窗口关闭之前有效，关闭页面或者浏览器会被清除。作用域在同一个浏览器窗口是共享的（不同浏览器、同一个页面也是不共享的）。通信方式：仅在客户端（浏览器）中保存，不参与服务器通信。

• Localstorage：永久有效；即使窗口或者浏览器关闭也会一直保存，除非手动永久清除。作用域为所有同源窗口中都是共享的。通信方式：仅在客户端（浏览器）中保存，不参与和服务器的通信