【小白鲨笔记】js面试题（十四）

十四、缓存：localstorage，sessionstorage，cookie

• 共同：作用都是客户端存放数据

• 区别：

  	localstorage	sessionstorage	cookie
  数据存放有效期	持久化存储（浏览器关闭也保存）	仅当前窗口（关闭浏览器则失效）	过期时间之前都有效（即使关闭窗口）
  过期时间设置	不可设置	不可设置	可设置
  存储大小限制	不超过5M	不超过5M	不超过4K
  实用性	可通过自带的setItem、getItem等进行操作	可通过自带clear、removeItem等进行操作	需程序员自己封装方法

  根据不同浏览器：存储大小则不同
  cookie：使用cookie一定需要有线上环境（localhost或ip地址）

• 使用方式：

localStorage.setItem('key', 'value')
sessionStorage.setItem('key', 'value')
// 设置过期时间
var date = new Date()
var time = 1000*60*60*24 + date.getTime()
date.setTime(time)
document.cookie = 'key=value;expires=" + date.toUTCString() + "'