文件保存

  • 特点:占用小,由服务端产生
  • 大小:均值为 4kb 左右
  • 用途:用来保存简单的 id 之类的
  • 生命周期:可设置,不设置的话浏览器生成,而且关闭浏览器就用不了了

LocalStorage

  • 特点:
  • 大小:5mb~10mb
  • 用法:
    window.localStorage.removeItem(key) 根据关键字删除
    window.localStorage.clear() 删除所有
  • 用途:京东广告(就是第一次弹出广告,之后就没有了)
  • 故事:ie6 以前提起过这个概念
  • 生命周期:存在本地,不手动删除的话就不会没有
1
2
3
4
5
let loc = localStorage;
//存储键值对
loc.setItem("key1","value1");
//通过关键字打印值
console.log(loc.getItem("key1"));

SessionStorage

  • 特点:session 后台叫“会话”
  • 大小:5mb左右
  • 声明周期:保存在一次会话当中,页面打开到关闭,称作一次会话,关闭页面自动销毁
1
2
3
4
5
let sessionStorage1 = sessionStorage;
//存储键值对
sessionStorage1.setItem("key2","value2");
//通过关键字打印值
console.log(sessionStorage1.getItem("key2"));

扩展知识

  • indexDB 非关系型数据库,key-value 型
  • B/S 浏览器/服务
  • C/S 客户端/服务 做成产品

数据库

indexedDB

它是非关系型数据库