cookie,localStorage,sessionStorage三者区别

基本概念:

三者都是浏览器的存储技术

三者的异同之处:

cookie:它很小,只能存储4kb字节的内容.主要用途有保存用户的登录信息,可自主设置失效时间,默认是关闭浏览器后失效,每次请求的时候都会携带到HTTP请求头中,虽然cookie很小,但是你存储过多的信息也会造成不必要的性能问题

localStorage:HTML5新增的API,大小一般为5M,它仅仅存在于用户的当前浏览器中,并不会和服务器进行通讯,生命周期会长久储存,除非用户手动销毁,当网页同源时,会共享localStorage里面的信息

sessionStorage:大小也是5M,存在于当前用户的浏览器中,刷新页面不会销毁,但是关闭网页便会销毁,生命周期仅仅存在于当前网页中

应用情况:

cookie:判断使用是否登录,在用户登录时,服务器会往cookie中加入一段辨识用户的唯一识别码, 下次请求时只需要读取这个标识就可以判断用户是否登录,早期cookie也用于电商网站存储用户的购物车信息以帮助减少服务器压力,但是随着localStorage的到来,cookie的使用场景已经变得很小了

localStorage: 因为localStorage支持长久储存,当我们的网站有过多表单信息时,可以通过localStorage把请求到的表单数据存储到本地,当页面刷新或下一次请求时进行调用,从而减少服务器压力的目的

sessionStorage:临时存储用户的当前信息,当网页关闭时则销毁