• 封装localStorage、sessionStorage设置,获取,移除方法


    /**
     * 本地localStorage、sessionStorage的设置、获取、移除
     * @method storage
     * @param isSession 是否是sessionStorage,默认为localStorage
     * @return { set(key: String, value: Any): void , get(key: String): obj , clear(key: String): void }
     */
    export const storage = function (isSession = false) {
      const target = isSession ? sessionStorage : localStorage;
      return {
        set (key, value) {
          target.setItem(key, escape(JSON.stringify(value)));
        },
        get (key) {
          return JSON.parse(unescape(target.getItem(key)));
        },
        clear (key) {
          target.clear(key);
        }
      };
    };

    session调用:

    const session = storage(true);

    session.set(“文件名”,"内容“)

    session.get(“文件名”)

    session.clear(“文件名”);

    local调用:

    const local= storage();

    local.set(“文件名”,"内容“)

    local.get(“文件名”)

    local.clear(“文件名”);

    用起来还是很方便的,另推荐使用数据管理持久化插件vuex-persist 数据状态统一管理 省去很多不必要的的操作

  • 相关阅读:
    react-webpack
    react
    重置手机过程
    运用 Node-RED 开发 LoRa 应用
    IBM Node-RED 安装与使用教程
    Node-RED 入门教程:简介
    Thingsboard 3.0 修改 Title、默认语言、主题颜色
    Thingsboard 3.0 通过 tb-gateway 网关接入 MQTT 设备教程
    Thingsboard 入门学习笔记:属性
    ThingsBoard 3.0 版本发布
  • 原文地址:https://www.cnblogs.com/bomdeyada/p/12072523.html
Copyright © 2020-2023  润新知