浅谈--浏览器的本地存储--cookie与localstorage

现在主要用到的浏览器的存储cookie和localstorage两种方法
cookie
首先说一下cookie的处理分为
1.服务器向客户端发送cookie
服务器向客户端发送cookie是通过http响应报文实现的，即在set-cookie中设置需要发送的cookie，如下图;


在cookie中name和value是必须要有的，domain是意味着cookie是作用在哪个域中，在这个域中都包含这个cookie信息，然后path是表示cookie影响到的路径，expires是表示失效的事件，表示如果时间过了这个时间戳，那么将清除cookie，但是要是没有设置这个时间戳，那么每当关闭浏览器的时候，都会删除所有的cookie
2.浏览器保存cookie
3.保存之后，浏览器每次http请求都会将cookie发给服务器
localStorage
localstorage有以下这几个方法：

localStroage.setItem('name','lie'); // 参数有两个，一个key值一个value值，如key值不存在则新增对象，若存在则更新
localStroage.removeItem('key');//删除这个key的信息，与对应的value
localStorage.clear();//清空localStorage中的信息
localStorage.key();//数据项的索引

那这两种存储方式有什么区别吗?
1.cookie存储的内存小，一般存储用户账号之类的，localstorage内存大
2.cookie存储的数据如到达设置时间就会失效，但是localstorage是不会失效的，只能手动去清除缓存
3.作用域相同都是同源窗口
4.cookie可以存在http请求中，进行客户端和服务端的传递，但是localstorage不可，只能存储在本地中