js本地缓存-localStorage、sessionStorage

1.localStorage

持久化的本地储存，除非主动删除数据，否则数据是永远不会过期的。关闭页面仍然存在此数据

localStorage.setItem('username','zhangsan');//设置缓存数据，(key,value)
localStorage.getItem('username')//取得名称为username的值即zhangsan
localStorage.removeItem('username')//移除名称为username的这一条数据
localStorage.clear()//清空缓存中的全部数据

2.sessionStorage

短时存储，当关闭浏览器窗口，数据会被删除。关闭页面数据销毁

sessionStorage.setItem('username','lisi');//设置缓存数据，存入值lisi到username中
sessionStorage.getItem('username');//获取username对应的值lisi
sessionStorage.removeItem('username');//删除名称为username的这一条数据
sessionStorage.clear();//清空缓存中的所有记录