cookie与localStorage的区别

1.存储量的区别

        cookie单个的最大存储为4k，如果大于4k，则存储失败，浏览器中找不到对应的cookie信息；
        localStorage的最大存储为5m。如果大于这个最大限制浏览器提示出错

2.存储量的区别 

        cookie默认是会话级存储（如下图，与tab页共存亡），可以设置过期时间

        localStorage是持久化存储，除非主动clear掉

3. 可操作

            cookie不仅仅只是存储数据，还有其他多个属性可供其操作设置：
            Domain与Path一起决定了cookie的作用范围
            Expires/Max-Age决定了过期时间
            HttpOnly 如果设为true，那么通过js（document.cookie）无法读取cookie数据
            Secure 如果设为true，那么cookie只能用https协议发送给服务器
           localStorage只是存储数据
 

 4.使用场景 

        cookie的使用场景一般是作为客户端与服务端的一种信息传递，当添加了cookie，默认的同源的cookie信息会自动作为请求头的一部分被发送到服务端

        localStorage一般仅用作客户端的数据存储，如存储一个异步请求的结果数据，然后在页面重渲染时，可以直接读取storage中的数据，减少一次请求的发送