缓存storage

localStorage 本地缓存，关闭浏览器之后不会消失。

sessionStorage 浏览器缓存 ，关闭浏览器之后消失。

只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；其存储的数据能在跨浏览器会话保留。localStorage 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 sessionStorage 的数据会被清除 。

之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

localStorage和sessionStorage使用时使用相同的API：

存值：setItem()

 sessionStorage.setItem ("id","一");
 sessionStorage.setItem ("school","西邮");
 localStorage.setItem ("name","大宝");
localStorage.setItem ("name","小凡"); //相同的“name”会覆盖上一个name中的值"大宝"；

读取存值：getItem();

 console.log(sessionStorage.getItem("id")); //西邮
 console.log(localStorage.getItem("name"));

清除全部缓存 : sessionStorage.clear() 只能清除sessionStorage的缓存

sessionStorage.clear ();

移除缓存 removeItem()

  localStorage.removeItem ("sex");
  sessionStorage.removeItem ("id");  //移除了id这一项

根据索引取对应的键值: key

  console.log(sessionStorage.key(0));