在页面中有时需要将数据缓存到本地，提高用户体验度，笔者在此聊一聊本地缓存主要方法以及它们的区别。本地缓存主要是localStorage、sessionStorage、cookie三种方式。它们的含义与区别如下：

localStorage：是永久存储，它是一种会一直将数据存储在客户端的储存方式，即使用户关闭了当前页面或者说浏览器，再下次打开的时候仍然可以看到之前存储的未主动清楚的数据。

sessionStorage：是临时的会话存储，顾名思义它是一种只要当前的会话窗口未关闭，不会随页面刷新，或者在编辑器中更改了代码，而丢失存储的信息的方式。

cookie:是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。

它们之间的区别有以下几点：

1. 存储大小上:cookie存储的大小一般不能超过4k，localStorage& sessionStorage 虽然也有存储大小的限制，但比 cookie大得多，可以达到5M或更大。

2. 存储时间上：cookie是设置 cookie 的有效期之前，是一直生效的，与浏览器页面是否关闭无关。localStorage如果不手动清除数据，数据永久有效，除非，sessionStorage数据在浏览器关闭之后自动清空。

3.作用域上：cookie&localStorage在所有同源窗口中数据共享，sessionStorage 不在不同的浏览器窗口中共享，即使是同一个页面