首先,先简单得介绍一下:
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则不需要