个人博客 个人博客
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

董先亮

前端react开发
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • HTML

  • CSS

  • JavaScript

    • 防抖与节流
    • 本地存储
      • localStorage
        • 特性
        • API
        • 使用
      • IndexedDB
    • PWA
    • 地理位置
    • 对象 Object
    • 事件坐标详解
    • 常用函数
    • class类
    • Array 数组
    • 其他
    • blob下载文件
    • 深度克隆
    • 模块化
    • 常用工具函数
    • 拖拽
    • Map与Set
  • TypeScript

  • 前端基础
  • JavaScript
NeverStop1024
2022-06-16
目录

本地存储

# localStorage

# 特性

  1. 永久存储,除非手动删除,sessionStorage是浏览器关闭就消失了
  2. 只能存储字符串,一般搭配JSON.stringify()与JSON.parse()使用
  3. localStorage与sessionStorage存储空间都是是5M

# API

1. setItem('key', 'value') // 存储数据
2. getItem('key') // 读取数据
3. remove('key') // 删除数据
4. clear() // 清空
1
2
3
4

# 使用

let obj = {
    name:'张飞',
    age:18
}
localStorage.setItem('person',JSON.stringify(obj))

constauthor=JSON.parse(localStorage.getItem('person'))
1
2
3
4
5
6
7

# IndexedDB

localStorage存储空间在5-10M,IndexedDB可以存250M以上
localForage (opens new window)对IndexedDB做了封装,像使用localStorage一样简单。 国内版 (opens new window)

参考文章:

  • localStorage容量太小?试试它们 (opens new window)
编辑 (opens new window)
上次更新: 2022/11/20
防抖与节流
PWA

← 防抖与节流 PWA→

最近更新
01
mock使用
07-12
02
websocket即时通讯
07-12
03
前端面试题
07-09
更多文章>
Theme by Vdoing | Copyright © 2022-2023 NeverStop1024 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式