浏览器数据存储

数据来源：

• ajax：ajax/axios/jquery-ajax从服务器请求的数据
• fetch：请求数据
• 跨域请求数据

存储方案：

• 本地存储cookie/localStorage/sessionStorage

  	cookie	localstorage	sessionStorage
  存储大小	4kb	5MB//火狐超级大	5MB
  稳定性	有过期时间，清除浏览器或者电脑缓存垃圾时会将其清除，浏览器无痕模式下无法保存数据	除非手动清除，一般数据不会消失，数据是存储在硬盘中的	数据存储在内存中的，关闭网页数据会消失
  和服务器关系	浏览器会自动将数据放进请求字段中传输给服务器	没有关系	没有关系
  兼容性	兼容到IE5	从IE9开始兼容	从IE9开始兼容
  适用性	适用服务器需要的数据，每次请求都需要带上的数据。

  localStorage/sessionStorage的常用api

  • setItem(key,value)
  • getItem(key)
  • removeItem(key)
  • clear()

• 本地数据库存储IndexedDB

• vuex/redux

  页面关闭或者刷新，数据会清除

• ......