cookies sessionStorage和localstorage区别以及localStorage的使用方法

请描述一下 cookies sessionStorage和localstorage区别
（1）相同点：都存储在客户端

不同点：1.存储大小
· cookie数据大小不能超过4k。
· sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
1
2
3
（2）有效时间

· localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
· sessionStorage 数据在当前浏览器窗口关闭后自动删除。
· cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭
1
2
3
（3）数据与服务器之间的交互方式

· cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端
· sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。

       // localStorage: 本地缓存  对象
        // 设置缓存
        localStorage.setItem('name', 123456);
        console.log(localStorage);
        // 获取缓存
        console.log(localStorage.getItem('name'));

        // 设置缓存2
        localStorage.aname = '12344555';
        // 获取缓存2
        console.log(localStorage.aname);

        // 删除一项缓存
        localStorage.removeItem('name');
        console.log(localStorage);

        // 清楚所有缓存
        localStorage.clear();
        console.log(localStorage)