客户端存储数据的几种方式的区别

1. cookie

通过document.cookie访问、设置

可以自定义失效日期

只能存储少量数据，对于大量数据的存储效率很低

所有的cookie都会由浏览器作为请求头部发送，所以在cookie中存储大量数据会影响到特定域的请求性能

存储在cookie中的数据可以由任何人访问到，因此不能把重要、敏感信息存储在cookie中

 

2. sessionStorage

Storage的一个实例

sessionStorage对象主要用于针对会话的小段数据的存储，即该数据只保留到浏览器关闭

该对象中的数据可以跨越页面刷新而存在

有的浏览器对大小没有限制，Chrome、Safari为2.5MB

sessionStorage对象绑定与某个服务器会话，所以当文件在本地运行时不可用

 

3. localStorage

Storage的一个实例

如果需要访问localStorage对象，页面必须来自同一个域名（子域名无效），使用同一种协议，在同一端口上

数据保留到通过JavaScript删除或用户清楚浏览器缓存

大多数桌面浏览器设置每个来源5MB的限制，Chrome和Safari对每个来源的限制是2.5MB

适合跨会话、持久保存客户端数据，遵循跨域安全策略