三种本地存储方式的区别

存储三种方式：cookie、sessionStorage、localStorage

区别

• 存储位置不同

  cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。

• 存储大小限制不同

  cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。

  sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。（如果数据过多也会影响首屏渲染速率）

• 数据有效期不同

  sessionStorage： 在同源窗口中始终存在数据，只要浏览器窗口没有关闭，刷新或者重新进入页面数据依然存在。关闭浏览器窗口后数据会被删除

  localStorage： localStorage的生命周期是永久的，关闭页面或者浏览器之后localStorage中的数据也不会消失。localStorage删除数据要手动删除，否则数据永远不会消失。

  cookie：在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。