前端cookie、localStorage、sessionStorage的区别

一、 cookie：能存储内容较小，在4k左右，一般用作保存用户登录状态、记住密码，记住账号使用。不清除的话会一直存在，可以设置过期时间自动清除，设置的时候可以设置在不同的域下面。每次在和服务端交互都会放在header里面，所以若是储存太多会影响性能。

二、 localStorage：HTML5 标准中新加入的技术，可保存内容在5M左右，不会自动清除，除非手动进行删除。

三、 sessionStorage：和localStorage类似，他们唯一区别就是sessionStorage保存在当前会话中，会话结束sessionStorage失效。会话一般是在关闭页面或者关闭浏览器失效。

四、 也许很多人还是不清楚localStorage和sessionStorage的区别。我这举个栗子，当我访问百度(https://www.baidu.com/)，并分别设置localStorage和sessionStorage，然后关闭页面。

 

关闭之后再访问百度(https://www.baidu.com/)，就会发现localStorage存储的值仍然存在，而sessionStorage则已经清除了，这就说明页面关闭sessionStorage被清空了，而localStorage不会。