cookie和localstorge、sessionStorge的区别

一、背景由来

cookie原来是用来网络请求携带用户信息的，只不过在HTML5出现之前，前端没有本地存储的方法，只能使用cookie代替

localstorge、sessionStorge是html5提供的API，极大的方便了前端在客户端存储数据

 

二、那么这三者有什么区别呢？

1.存储时间

cookie可以自定义时间的有效性

sessionStorge是关闭标签和浏览器即刻消失

localstorge始终存在客户端，只要不是手动删除

2.存储大小

cookie只有4K

localstorge、sessionStorge有5M

3.API易用性

cookie只有document.cokkie=" " 太麻烦

localstorge、sessionStorge提供了getitem和setItem方法

4.是否随网络请求发送

cookie会被浏览器网络请求中自动读取发送，而localstorge、sessionStorge不会