JS缓存的三种方法

H5本地存储：

1.sessionStorage : 是一种临时的会话存储

只要当前的会话窗口未关闭，存储的信息就不会丢失，即便刷新了页面，或者在编辑器中更改了代码，存储的会话信息也不会丢失。

2.localStorage：是一种永久存储

   会一直将数据存储在客户端的储存方式，即使关闭了浏览器，下次打开的时候仍然可以看到之前存储的未主动清除的数据(即便是杀毒软件或者浏览器自带的清除功能，也不能将localStorage存储的数据清除掉)。

Cookie：

        Cookie是存储在用户计算机上的小文件，保存特定客户端和网站的适量数据，并可以有Web服务器或客户端浏览器访问，允许服务器提供针对特定用户定制的页面，或者页面本身可以包含一些知道cookie中的数据的脚本。

H5本地存储和Cookie的区别：

1.Cookie兼容所有的浏览器（本地Cookie谷歌不支持），Storage不支持IE6~8；

2.二者对存储的内容均有大小限制，前者同源情况下一般只能存储4kb的内容，后者同源一般能存储5MB的数据；

3.Cookie有过期时间，localStorage是永久存储（如果你不手动去删除的话）；

4.一些浏览器处于安全的角度可能会禁用Cookie,但无法禁用localStorage。

Cookie有什么弊端：

1.Cookie兼容所有的浏览器，但其存储的数据是有大小限制的，一般同源下是4kb；

2.Cookie本地存储的数据会被发送到服务器（所以建议在服务器环境下使用Cookie）；

3.存在跨域访问、浪费带宽等问题。