vue2 工具类_h5缓存

文章目录

            • 路径:public\static\js
            • local-storage.js
            • session-storage.js
            • 全局注册
            • 使用

路径:public\static\js
local-storage.js
LOCAL_KEY_REMEMBER_MEMBER = "LOCAL_KEY_REMEMBER_MEMBER"; // 记住我LocalStorage = {get: function (key) {let v = localStorage.getItem(key);if (v && typeof(v) !== "undefined" && v !== "undefined") {return JSON.parse(v);}},set: function (key, data) {localStorage.setItem(key, JSON.stringify(data));},remove: function (key) {localStorage.removeItem(key);},clearAll: function () {localStorage.clear();}
};
session-storage.js
SESSION_KEY_LOGIN_MEMBER = "SESSION_KEY_LOGIN_MEMBER"; // 登录信息SessionStorage = {get: function (key) {let v = sessionStorage.getItem(key);if (v && typeof(v) !== "undefined" && v !== "undefined") {return JSON.parse(v);}},set: function (key, data) {sessionStorage.setItem(key, JSON.stringify(data));},remove: function (key) {sessionStorage.removeItem(key);},clearAll: function () {sessionStorage.clear();}
};
全局注册

路径:public/index.html

    <!--  h5缓存  --><script src="<%= BASE_URL %>static/js/session-storage.js"></script><script src="<%= BASE_URL %>static/js/local-storage.js"></script>
使用
let rememberMember = LocalStorage.get("key") || {};

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/516321.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java 最高均薪 19015 元! 8 月程序员工资出炉,你拖后腿了吗?

在全员争当码农的时代&#xff0c;如果你也想学一门编程语言&#xff0c;那么&#xff0c;我要告诉你&#xff0c;Java 是编程语言中不可撼动的王者。有点难理解&#xff1f;先看个排行榜???? 来自权威开发语言排行榜 TIOBE 的数据&#xff08;截止到 2020 年 4 月&#x…

从事前到事后,云数据库 Redis MongoDB 安全体系全揭秘!

作者&#xff1a;陈金元&#xff08;今远&#xff09;&#xff0c;阿里云管控技术专家 一、整体说明 上图是云数据库Redis&MongoDB的安全体系图&#xff0c;横向是实例控制链路&#xff0c;纵向是实例数据链路&#xff0c;对于控制链路&#xff0c;事前为了避免恶意操作或…

TeaDSL:支持任意 OpenAPI 网关的多语言 SDK 方案

正在上传…重新上传取消 导读 在以云计算为主角的开发者视界中&#xff0c;OpenAPI 是绝对的主角。要发短信&#xff0c;用 OpenAPI&#xff1b;要管理资源&#xff0c;用 OpenAPI&#xff1b;要管理权限&#xff0c;用 OpenAPI。如果一个 OpenAPI 解决不了你的问题&#xff…

Vue如何循环提取对象数组中的值

数据如下&#xff0c;提取name和callcount 第一种&#xff1a; getQueryCallStatistics("sesp1", this.provinceId).then((res) > {let arr [];let arr1 [];let arr2 [];let arr3 [];let arr4 [];this.xunshiMap res.data.callstatistics;res.data.callst…

Node.js 从门详解 (二)

目录1. 模块化的基本概念1.1 什么是模块化1.2 模块化规范2. Node.js 中模块化2.1 Node.js 中模块的分类2.2 加载模块2.3 Node.js中的模块作用域2.3.1 什么是模块作用域2.3.2 模块作用域的好处2.4 对外共享模块作用域中的成员2.4.1 module对象2.4.2 module.exports对象2.4.3 共享…

分享实录 | 阿里巴巴测试环境管理实践概述

正在上传…重新上传取消 【以下为分享实录&#xff0c;有删节】 测试环境管理之困 正在上传…重新上传取消 互联网产品的服务通常是由 Web 应用、中间件、数据库和许多后台业务程序组成&#xff0c;一套运行环境就是一个自成一体的小生态。部署软件产品的正式发布版本&#…

高校毕业生:今年“太惨了”,网友:更惨的可能还在后头!

受疫情影响&#xff0c;今年的就业形势基本上没跑了&#xff1a;“各行各业&#xff0c;大小企业&#xff0c;全面缩招&#xff01;”据国家统计局7月份的最新数据显示&#xff1a;20-24岁大专及以上人员&#xff08;主要为新毕业大学生&#xff09;失业率比去年同期高 3.3 个百…

uniapp利用腾讯地图接口获取当前定位城市及计算两经纬度的实际距离

文章目录一、注册腾讯地图1. 申请开发者密钥&#xff08;key&#xff09;2. 开通webserviceAPI服务3. 下载SDK二、导入SDK2.1. 解压复制2.2. 页面导入三、实现3.1. 先创建实例。3.2. 获取经纬度3.3. 监控四、计算二点距离4.1. 官网地址4.2. 代码4.3. 测试一、注册腾讯地图 1. …

Gartner 企业级网络设备市场份额报告:阿里云负载均衡增速全球第一

4月8日&#xff0c;Gartner发布最新的全球企业级网络设备市场份额报告&#xff0c;阿里云负载均衡&#xff08;SLB&#xff09;增速全球第一&#xff0c;单季度营收环比增长35.1%&#xff0c;远超欧美传统厂商或是云服务厂商。 负载均衡被誉为IT系统的流量管家&#xff0c;它可…

放弃 Windows 后 ,开源操作系统能成为主流桌面系统吗?

来源 | CSDN责编 | 郑丽媛头图 | CSDN下载自东方IC在近十几年里&#xff0c;总是能听到世界各地的国家或者地方政府在尝试用开源系统代替Windows作为政府办公系统&#xff0c;尤其在今年微软正式宣布停止对Windows 7的更新维护服务后&#xff0c;很多数年来一直使用的Windows 7…

Sentinel 1.7.2 发布,完善开源生态及扩展性

Sentinel 1.7.2 正式发布&#xff0c;带来了 Logger SPI 扩展机制、Zuul 2.x 网关流控、SOFARPC 适配等多项特性和改进。下面我们来一起探索一下 Sentinel 1.7.2 的重要特性。 多样化的适配模块 到目前为止&#xff0c;Sentinel 已覆盖微服务、API Gateway 和 Service Mesh 三…

微信开发者工具:Failed to load font ************** net::ERR_CONNECTION_RESET问题解决办法

如果微信开发者工具前几天用的好好的突然出现 VM541:1 Failed to load font https://img.yzcdn.cn/vant/vant-icon-d3825a.ttf net::ERR_CONNECTION_RESET 这个错误说明。可能原因是微信开发者工具发布了新版本&#xff0c;你需要更新一下开发工具的版本&#xff0c;就能解决这…

Node.js 入门详解 (三)

目录 1. 初识Express1.1 Express简介1.1.1 什么是Express1.1.2 进一步理解 Express1.1.3 Express能做什么1.1.4 Express 中的数据分类1.2 Express 的基本使用1.2.1 安装1.2.2 创建基本的web服务器1.2.3 监听 GET请求1.2.4 监听 post 请求1.2.5 把内容响应给客户端1.2.6 获取 UR…

从 DevOps 到 NoOps,Serverless 技术的落地方式探讨

Serverless 技术正以一种全新的方式&#xff0c;帮助云上客户进一步节省云的使用成本&#xff0c;实践 NoOps 理念&#xff0c;同时&#xff0c;他也正深刻变革着开发者们的编程模式&#xff0c;所谓“Write locally, compile to the cloud”。 本文将介绍 Serverless 技术来降…

uni-app中使用腾讯位置服务实现小程序地图选点功能

文章目录1. 官方文档2. 小程序添加插件3. HBuilder配置4. 配置代码5. 页面代码1. 官方文档 技术选定&#xff08;地图选点插件&#xff09; &#xff08;对应官网&#xff1a;https://lbs.qq.com/miniProgram/plugin/pluginGuide/locationPicker &#xff09; 2. 小程序添加…

8000字 | 32 张图 | 一文搞懂事务+隔离级别+阻塞+死锁

来源 | 悟空聊架构&#xff08;ID&#xff1a;PassJava666&#xff09;头图 | CSDN下载自视觉中国事务1.1 什么是事务为单个工作单元而执行的一系列操作。如查询、修改数据、修改数据定义。1.2 语法「&#xff08;1&#xff09;显示定义事务的开始、提交」BEGIN TRANINSERT IN…

uni-app中使用腾讯地图sdk(解析经纬度)获取用户所在位置信息

前言&#xff1a; 技术选定 https://lbs.qq.com/dev/console/custom/apply 具体步骤&#xff1a; 注册开发者账号、申请密钥、开通webserviceAPI服务、下载小程序SDK、微信后台配置请求request域名。 &#xff08; 请按官方完成以上操作&#xff1a;https://lbs.qq.com/mini…

4月数据库流行度排行出炉:MySQL 成事实王者

2020年4月DB-Engines 数据库流行度排行出炉。在本月的排行榜上&#xff0c;Oracle 较上月微涨 4.78 分&#xff0c;MySQL 微涨 8.62 分&#xff0c;甲骨文公司成为最大赢家。而微软的两个产品 Microsoft SQL Server 下降 14.43 分&#xff0c;Microsoft Access 下降 3.22分&…

MySQL 在 Mac 环境下的安装

目录 Mac 系统配置 MySql 数据库1. 安装 MySql 数据库2. 安装 MySql Workbench 可视化工具Mac 系统配置 MySql 数据库 1. 安装 MySql 数据库 1.1 双击打开安装包 mysql-8.0.19-macos10.15-x86_64.dmg: 1.2 双击 mysql-8.0.19-macos10.15-x86_64.pkg 运行安装包,并点击 继续…

微信小程序console.log出来的是object的问题解决方法

在开发微信小程序的时候&#xff0c;从后台传过来的数据没有问题&#xff0c;但是在开发的过程中&#xff0c;console.log出来的结果为object。 解决方案&#xff1a; 把加好改为逗号,即可