文件保存

  • 特点：占用小，由服务端产生
  • 大小：均值为 4kb 左右
  • 用途：用来保存简单的 id 之类的
  • 生命周期：可设置，不设置的话浏览器生成，而且关闭浏览器就用不了了
  • 其他：Cookie 是不能存储中文的，可以通过URL EnCoder编码，然后用URLDecoder进行解码

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

它是非关系型数据库