cookie localStroage 与sessionStroage的区别

1.cookie 存储量小受到限制，设置过期时间删除，前后端自动同步

2.localStorage 存储量大需要手动删除

3.sessionStorage 临时存储，关闭浏览器自动清除

cookie

构成：名称-一个唯一确定cookie的名称

值-存储在cookie中的字符串值

域-cookie对于哪个域都是有效的

路径-指定域中的指定路径

失效时间-cookie何时应该被删除时间的时间戳

安全标志：指定后，cookie只有在使用SSL连接时才发送到服务器。

限制：绑定在特定域名下，无法跨越

浏览器对cookie数量的限制规定不同

所有cookie的累加长度限制为4KB，超长会被忽略

JS中的cookie ：document.cookie

获取：返回当前页面可用的所有cookie的字符串，由分号和空格隔开的一系列名值对

添加：cookie的值必须写成key=value的形式，且等号两边不能用空格

写入时必须对分号，逗号和空格进行转义

一次只能写入一个cookie并且写入不是覆盖，而是添加

cookie的属性：value必须项，用于指定cookie的值

expires指定cookie过期时间

domain指定cookie所在域名

path属性指定路径，必须是绝对路径

secure指定cookie只能在加密协议https下发送到服务器

httpOnly设置该cookie不能被JS读取

本地存储：window.localStorage本地存储，存储的数据没有过期时间