浏览器的localStorage和sessionStorage

本地存储

  • 数据都存储在用户的浏览器里
  • 读取方便
  • sessionStorage 存 5M
  • localStorage 存 20 M
  • 只能存字符串格式数据
  • key :value

sessionStorage

  • 生命周期: 关闭浏览器窗口数据就没了
  • 数据共享: 只有在同一个窗口(页面)下数据可以共享
  • 存储5M
  • 语法
    • 存储数据:sessionStorage.setItem('key', 'value');
      • 相同键名会覆盖内容
    • 获取数据:sessionStorage.getitem('key');
    • 删除数据:sessionStorage.removeItem('key')
    • 清空数据: sessionStorage.clear( )

localStorage

  • 生命周期:永久生效,只要不手动清除,一直存在
  • 数据共享:同一浏览器 同源(协议相同、端口号相同、域名相同)页面共享
  • 存储20M
  • 语法
    • 存储数据:localStorage.setItem('key', 'value');
      • 相同键名会覆盖内容
    • 获取数据:localStorage.getitem('key');
    • 删除数据:localStorage.removeItem('key');
    • 清空数据: localStorage.clear();

JSON

  • 功能:能将复杂数据转换成JSON格式的字符串、能将转换成JSON格式的字符串转换成原来复杂类型

  • 有一定格式的字符串

  • 特点:

    • 键名必须用双引号包起来
    • 字符串也必须用双引号包起来
    • 可以存数字和字符串
  • 语法;

    • 将复杂数据类型转换成JSON格式字符串

      • JSON.stringify(复杂数据类型)
    • 将JSON格式的数据转换回原来数据类型

      • JSON.parse(JSON格式的数据)
    • 数组遍历

      arr.forEach(function (element, index) {
        console.log(element);
        console.log(index);
      })
      

常用键盘事件

  • 键盘按下
    • keydown 按下不抬起就一直触发
  • 键盘抬起
    • keyup 抬起就触发一次
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值