Storage 封装

本文介绍了Cookie、localStorage和sessionStorage的区别,如存储大小、有效期、数据传输方式和路径限制,并探讨了封装Storage的原因,主要是为了方便管理和操作JSON对象,以及解决无法单独清除某个条目的问题。文中还提供了封装示例。
摘要由CSDN通过智能技术生成

Cookie、localStorage、sessionStorage 三者区别

  • 存储大小:Cookie4K、Storage5M
  • 有效期:Cookie 拥有有效期,Storage 永久存储
  • Cookie 会发送到服务器端,存储在内存中,Storage 只存储在浏览器端
  • 路径:Cookie 有路径限制,Storage 只存储在域名下
  • API:Cookie 没有特定的API,Storage 有对应的API

为什么要封装 Storage

  • Storage 本身有API,但是知识简单的key/value 形式
  • Storage 只存储字符串,需要人工转换成 json 对象
  • Storage 只能一次性清空,不能单个清空

示例

// Storage 封装
const STORAGE_KET = 'mall'
export default {
   
  // 存储值
  setItem (key,value,module_name) {
   
    if (module_name) {
   
      let val = this.getItem(module_na
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值