首页 > 其他分享 >储存功能方法封装与使用说明

储存功能方法封装与使用说明

时间:2023-04-14 14:58:28浏览次数:32  
标签:function 储存 封装 name 功能 Token export cookie data

/** 设置缓存 **/
export function localStorageSetItem(name, data) {
    window.localStorage.setItem(name, data)
}
/** 获取缓存 **/
export function localStorageGetItem(data) {
    return window.localStorage.getItem(data);
}
/** 删除缓存 **/
export function localStorageRemoveItem(data) {
    window.localStorage.removeItem(data)
}
/** 删除全部缓存 **/
export function localStorageRemoveItemAll() {
    window.localStorage.clear()
}

/** 设置缓存 **/
export function sessionSetItem(name, data) {
    window.sessionStorage.setItem(name, data)
}
/** 获取缓存 **/
export function sessionGetItem(data) {
    return window.sessionStorage.getItem(data);
}
/** 删除缓存 **/
export function sessionRemoveItem(data) {
    window.sessionStorage.removeItem(data)
}
/** 删除全部缓存 **/
export function sessionRemoveItemAll() {
    window.sessionStorage.clear()
}


/** 设置cookie **/
export function setCookie(c_name, value, expiredays) {
    var exp = new Date();
    // exp.setTime(exp.getTime() + 30*60*1000);
    document.cookie = c_name + "=" + escape(value) + ";path=/;expires=" + ';domain=' + getDomain();
}
/** 获取cookie **/
export function getCookie(c_name) {
    if (document.cookie.length > 0) {
        let c_start, c_end;
        let l = document.cookie.split(';')
        for (let i = l.length - 1; i >= 0; i--) {
            if (l[i].split('=')[0] == c_name || l[i].split('=')[0] == (' ' + c_name) && l[i].split('=')[1] != '') {
                c_start = l[i].split('=')[1]
                return unescape(c_start)
            }
        }
    }
    return ""
}

/** 删除cookie **/
export function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = getCookie(name);
    if (cval != null)
        document.cookie = name + "=" + '' + ";path=/;expires=" + exp.toGMTString();
}
// 清空所有cookie
export function clearCookie() {
    var keys = document.cookie.match(/[^ =;]+(?=\=)/g);
    if (keys) {
        for (var i = keys.length; i--;) {
            delCookie(keys[i]);
            delCookie(keys[i], {
                path: '/'
            });
            delCookie(keys[i], {
                path: '/',
                expires: -1
            });
            delCookie(keys[i], {
                path: '/',
                domain: document.domain,
                expires: -1
            });
            delCookie(keys[i], {
                path: '/',
                domain: "mp.csdn.net",
                expires: -1
            });

        }
    }
}

使用说明

import {
    delCookie,
    getCookie,
    setCookie,
    clearCookie,
    localStorageSetItem,
    localStorageGetItem,
    localStorageRemoveItem,
    localStorageRemoveItemAll,
    
} from "../index";

 setCookie('Token', res.data.token) // 存入
 getCookie("Token") // 获取
 delCookie('Token') // 删除
 clearCookie()//清除所有

 localStorageSetItem('Token', JSON.stringify(Token))// 存入
 JSON.parse(localStorageGetItem('Token')) // 获取
 localStorageRemoveItem('Token') //删除
 localStorageRemoveItemAll() //清除所有

 sessionSetItem('Token', JSON.stringify(1))// 存入
 JSON.parse(sessionGetItem("Token"))// 获取
 sessionRemoveItem('Token') //删除
 sessionRemoveItemAll() //清除所有
 

 

标签:function,储存,封装,name,功能,Token,export,cookie,data
From: https://www.cnblogs.com/yugueilou/p/17318258.html

相关文章

  • 直播平台源代码,图片放大浏览功能
    直播平台源代码,图片放大浏览功能HTML <view><view><blockv-for="(item,index)infen"><view><image@click="previewImage(index)":src="item.picture"mode=""></image></view></block><......
  • mac使用【预览】实现和win一样的【画图】功能
    1,打开预览软件,这个是mac自带的2,截屏3,全选删除截图4,打开工具栏按一下画笔一样的图标把工具栏显示出来就可以随便画了(或者选择菜单:显示-显示标记工具栏)。注意先调整一下画布尺寸,不然可花区域会比较小,然后就可以愉快的花各种图案了可以改颜色,添加字体,等,......
  • pytest + yaml 框架 -24.单个用例中参数化功能实现
    前言早期版本参数化功能实现只支持在config中全局的地方写parameters关键字,只实现了基本的功能。v1.2.1版本对parameters参数化功能做了进一步的细分,支持在case用例中针对单个用例的参数化了。parameters参数化用例参数化的实现,我设计了2种实现方式参数化方式1:con......
  • fio性能测试-环境搭建,功能介绍,测试讲解
    fio性能测试-环境搭建,功能介绍,测试讲解Fio介绍:FIO(FlexibleI/OTester)是一个用于测试磁盘、文件系统、块设备和网络设备性能的工具。它可以模拟不同类型的I/O负载,包括随机或顺序读写、混合读写、随机或顺序访问等。FIO提供了丰富的选项和参数,可以对测试进行高度定制化配置,以满足......
  • 02 快照功能
    1.点击拍摄快照  2.为快照命名  3.经过上面二个步骤的操作后(已经快照完后才能点击克隆)  4.选择想从哪个状态创建克隆?  5.选择恢复到快照,相当于电脑的一键恢复,一键还原  6.从第四步开始,点击下一步后,点击创建完整克隆  7.新建虚拟机名字  8.创建......
  • app实现预览功能
    <?xmlversion="1.0"encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"......
  • 达观助手AI写作下载安装教程及特色功能详解,速速收藏体验!
    AI时代,你的写作工具需要更新啦!一款全面且免费的AI智能写作插件工具 目前支持Windows系统、WPS软件使用 (Mac、office软件敬请期待) 下载即拥有智能排版、AI润色、AI续写、标题助手、智能纠错、素材搜索等强大助力 最新款的AI写作工具,快来下载体验看看! 下载地址及问题咨询下载地......
  • 支持图像预览的监控|会议多功能键盘(控制器)
    派尼珂Pnioke全能会议控制器NK-HDV401KC,采用金属烤漆面板,集成矢量变速四维操纵杆,支持云台摄像机全方位控制,独立的Seesaw变焦控制杆,便于摄像机镜头变倍控制,镜头远近推拉,内置3.2英寸工业彩屏,显示解码图像。支持多接口同时通讯:RS422/RS485/RS232/IP和网络Onvif、Vicsa协议解码控制,支持......
  • 多IRF冲突检测(MAD功能)
    1.MAD检测技术介绍IRF一旦分裂后,网络中就会存在两台独立的、配置信息一模一样的网络设备,就会导致网络中IP地址、Router-ID、MAC等设备基本信息冲突和路由信息紊乱,造成MAC漂移、路由震荡等网络业务异常,MAD检测的作用就是当IRF系统分裂后,能够在毫秒级的反应时间内,将分裂后冗余配置......
  • 登录功能实现之图片验证码二进制编码解决方法
    在使用vue开发页面的登录功能时候经常会遇到后端返回的二进制的图片编码。返回的大概形式类似于这样前端需要使用base64来进行转码显示 上代码  以上是一个比较简单的接口请求,使用的是以下的函数进行转化的  转化完成之后保存起来然后进行回显就行了......