cookie localstorage和sessionStorage区别

421 阅读1分钟

首先,先简单得介绍一下:

cookie

cookie本身是用于浏览器跟server端进行通讯的

HTML5以前被 ' 借用 ' 到本地存储的

可用 document.cookie = '...' 来修改 (前端写法,后端也可以修改cookie,感兴趣的小伙伴可以自己去了解一下,这里就不多做介绍了)

cookie的缺点

最大存储4KB

http请求的时候需要发送到服务端,增加请求的数据量

只能通过 document.cookie = '...' 来修改 太过简陋

localstorage和sessionStorage

HTML5之后专门为存储而设计的,最大可存储5M

API简单易用,setItem , getItem

不会随着http请求被发送出去

localstorage和sessionStorage的区别

localstorage数据会永久保存,除非代码或者手动删除

sessionStorage 数据只存在于当前会话,浏览器关闭则清空记录

一般使用localstorage 会多一些

cookie localstorage和sessionStorage区别

存储的大小

API复杂度不同,localstorage和sessionStorage更简单

cookie发送http请求的时候需要发送到服务器,localstorage和sessionStorage则不需要