前端缓存-数据存储：cookie、Storage、indexedDB

简单对比：

1、cookie：4K，可以手动设置失效期
2、localStorage：5M，除非手动清除，否则一直存在
3、sessionStorage：5M，不可以跨标签访问，页面关闭就清理
4、indexedDB：浏览器端数据库，无限容量，除非手动清除，否则一直存在
5、Web SQL：关系数据库，通过SQL语句访问（已经被抛弃）

Cookie通过在客户端记录信息确定用户身份
Session通过在服务器端记录信息确定用户身份

 

Storage：localStorage、sessionStorage

1、基础操作API

保存数据
localStorage.setItem( key, value );
sessionStorage.setItem( key, value );
读取数据
localStorage.getItem( key );
sessionStorage.getItem( key );
删除单个数据
localStorage.removeItem( key ); 
sessionStorage.removeItem( key );
删除全部数据
localStorage.clear( ); 
sessionStorage.clear( );
<