avatar

目录
【前端14_存储】保存文件:Cookie、LocalStorage、SessionStorage & 数据库

文件保存

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

LocalStorage

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

SessionStorage

  • 特点:session 后台叫“会话”
  • 大小:5mb左右
  • 声明周期:保存在一次会话当中,页面打开到关闭,称作一次会话,关闭页面自动销毁
Javascript
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

它是非关系型数据库

文章作者: Lovely Ruby
文章链接: https://wangzhongqing.xyz/p/8471.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Ruby の いえ
打赏
  • 微信
    微信
  • 支付寶
    支付寶

评论