简述Cookie、Localstorage、Sessionstorage的区别


1.Localstorage

  长期存储数据,浏览器关闭数据后不丢失

2.Sessionstorage

  数据在浏览器关闭后自动删除

3.Cookie (document.cookie)

  网站为了标识用户身份而存储在用户本地终端(Client Side)上的数据(通常经过加密)。cookie始终在同源的http请求中携带(即使不需要)都会在浏览器和服务器端间来回传递。session storage和local storage不会自动把数据发给服务器,仅在本地保存

  Cookie实际上是一小段的文本信息。客户端请求服务器,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie,以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。

4.存储大小

  Cookie 数据大小不会超过4K

  Sessionstorage和Localstorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或者更多

5.有期时间

  Localstorage 存储持久数据,浏览器关闭后数据不丢失,除非自动删除数据

  Sessionstorage 数据在当前浏览器窗口关闭后自动删除

  Cookie 设置的cookie过期时间之前一直有效,即使窗口或者浏览器关闭