前端几种缓存的区别？

1.localStorage与sessionStorage的区别？

1. localStorage存放在本地缓存中，没有过期时间，需要自己手动清除。
2. sessionStorage存在当前会话的窗口中，窗口关闭，数据就会消失

// 保存数据语法
localStorage.setItem(“key”, “value”);
sessionStorage .setItem(“key”, “value”);

// 读取数据语法：
var lastname = localStorage.getItem(“key”);
var lastname = sessionStorage .getItem(“key”);

// 删除数据语法：
localStorage.removeItem(“key”);
sessionStorage .removeItem(“key”);

2. cookie：可设置过期时间。大小有限制4KB。会浪费带宽。