缓存 手动keepalive vue

注意看 本文主要讲解uniapp打包成h5页面并部署在公众号时使用JSAPI的微信支付问题 前期准备工作 .首先要有一个开通商户注册的公众号，我们需要他的appid； .其次要开通商户公众号的公众号支付的功能并添加域名，开通完成后就可以基本开始我们的开发了 既然是jsapi开发 自然是要引入的 np ......

01-Vue介绍 0 前端的发展史 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2.Ajax的出现 -> 后 ......

Redis 可以实现分布式的缓存，Map 属于本地缓存，只能存在创建它的程序里 Redis 的缓存可以持久化，Map 是内存对象，程序一重启数据就没了 Redis 缓存有过期机制，Map 本身无此功能 Redis 可以处理每秒百万级的并发，是专业的缓存服务，Map 只是一个普通的对象 Redis 可 ......

Vue--this的指代问题及用法 this在普通函数( function( ){ } )里，指代调用该函数（方法）的对象 this在箭头函数( ()=>{} )里，指代定义该箭头函数的外层对象 在axios调用当前vue实例的data： axios回调函数( .then() )是在执行栈中被执行， ......

Vue-选择器v-model绑定对象 <template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" : ......

哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vuetify Form Base是一个基于模型的表单生成器，目的是提供一个工具，以便以较少的努力从任何模型数据生成可编辑的表单，即使模型是一个深度嵌套的对象。 Vuetify Form Base作为Vue组件工作，可以很容易地集 ......

前端的发展史 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请 ......

需求：在测一个页面，老版本就存在的一个页面（多个模块，一个接口分成三次请求返回），但是新版本要新增一个模块。老的页面的实现方式是页面直接读取redis数据（还有其他逻辑，方便解释暂时这样说），截取模块的方式来分接口返回，新增的一个模块是要放在中间。 方案：方案是沿用老的redis缓存，在老得缓存中加 ......

问题：自动化监控平台添加的分类详情页的接口报错，分类详情页校验失败，看到的错误信息是接口响应错误，信息如下：{"errors":{"id":"0","code":"44010102","level":"1","status":"200","title":"参数错误","popup_title":"" ......

Docker 深度清除镜像缓存 （overlay2） 一般情况下，运维清理镜像是通过命令 docker rm i 删除镜像的。但是这条命令不会删除docker build命令产生的缓存文件。 这个时候需要使用 docker system 的系列命令来做相关处理。 docker system --he ......

一、前端的发展史 1、前端的发展演变 # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 # 2 Aj ......

有时我们会用render渲染表格的columns，里面的按钮如何去调用.vue文件的方法？ 思路； 在.vue文件中我们通过参数的方式传给.js文件，然后用变量接收，点击时执行 （注意：.vue文件中setup执行比较早，按钮是点击事件，不会主动执行函数。为防止函数未声名就当做参数传递，必须在最后执 ......

<el-table size="medium" :border="true" :data="branchTableData" :row-style="changeColor" :stripe=false style="width: 100%;"> <el-table-column type="ind ......

一、组件的三大组成部分 <template> 里面只能有一个根元素 <style> 全局样式(默认):影响所有组件局部样式: scoped 下样式，只作用于当前组件 <script> el根实例独有, data是一个函数,其他配置项一致 二、scoped设置局部样式 默认情况:写在组件中的样式会全局 ......

为什么使用缓存 减少和数据库交互次数，提高执行效率 mybatis的缓存 mybatis一级缓存，也就是局部的sqlSession级别的缓存，默认是开启的 每一个 session 会话都会有各自的缓存，这缓存是局部的，也就是所谓的一级缓存 mybatis二级缓存，是sqlSessionFactory ......

前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求， ......

// 父页面 <template> <div class="main_body"> <blockTitle title="事件详情" /> <a-form ref="formRef" :model="formValue" style="width: 100%" class="form_box" :l ......

请你设计并实现一个满足 LRU (最近最少使用) 缓存 约束的数据结构。 实现 LRUCache 类： LRUCache(int capacity) 以 正整数 作为容量 capacity 初始化 LRU 缓存 int get(int key) 如果关键字 key 存在于缓存中，则返回关键字的值，否 ......

思路：登录后请求用户信息接口，后端返回用户信息中包括权限数组，数据格式be like： 前端对用户信息进行存储（对没错又是假接口）： // 获取用户信息 async getUserInfo(mobile) { try { this.loading = true; const res = await ......

1.组件的模块化开发 1.1 组件注册局部 首先在创建一个vue页面作为组件，这里就以分页组件来演示： <!-- 分页展示 --> <el-pagination background style="margin: 50px auto" @size-change="handleSizeChange" ......

app直播源码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......

简介及使用教程 这是一个漂亮的未保存变更对话框，有以下特点： 有保存、丢弃和取消三个按钮 在桌面页面上，弹出窗会跟随鼠标显示 显示隐藏动画流畅 智能避免弹出在窗口边缘并且随窗口大小调整自动适应 完全自适应：在移动设备上全屏显示 键盘可导航可访问 所有的文案都可以替换 更多优点： 桌面和手机上都有非常 ......

话不多说直接上手 1.安装vuex的依赖（vue3版本） npm i vuex@4 2.在src目录下新建vuex的文件夹，并且新建store.js文件 在store.js中写入 （这里使用模块化的方式） //引入vuex插件 import { createStore } from 'vuex' i ......

1、在public文件夹下新建config.js 文件 2、config.js文件中，编写配置地址代码 3、在index中引入js文件 4、使用config.js中的变量，vue页面，js页面都可以用 window.setURL.publicBaseUrl ......

1.前言 该组件依赖qrcode.js与element-ui 支持二维码大小配置，点击大图预览 该组件以vue文件形式进行封装，需要配置httpVueLoader插件进行引入，其他格式请自行更改源码 2.使用方法 引入依赖 <link href="https://cdn.bootcdn.net/aj ......

vue中的v-model指令实现了表单的双向绑定，官网例子： <input type="text" v-model="message" /> <p>{{message}}</p> 其实v-model只是语法糖，真正的实现形式： <input type="text" :value="message" ......

思路：使用lib-flexible结合postcss-pxtorem实现 第一步 在项目utils下建立flexible.js文件(直接下载则不用新建该文件) 第二部 复制以下代码到刚建好的文件中或者直接yarn install lib-flexible-pc-y // 基于 libflexible ......

我本人也是新手，所以我之前不知道自定义指令一般是在什么场景下用的。 在这里告诉各位新手朋友，我目前遇到的应用场景是在权限控制按钮、文本框等元素显示，就用上了这个自定义指令。我利用自己的一个案例进行介绍。 1.创建一个在util/directive/permission.ts 文件，代码如下： exp ......

商品查询业务之解决商品查询的缓存穿透、缓存雪崩、缓存击穿问题(封装工具类) 核心思路如下： 在原来的逻辑中，我们如果发现这个数据在mysql中不存在，直接就返回404了，这样是会存在缓存穿透问题的 现在的逻辑中：如果这个数据不存在，我们不会返回404 ，还是会把这个数据写入到Redis中，并且将va ......

水印的思路 1、创建一个canvas ，画上自己想要的水印样式。 2、创建一个元素节点（宽高等于当前屏幕，可设置内边距）。 3、canvas转换成Img，作为第2步骤的背景图片，并进行平铺。 4、将元素接口appendChild到body节点下面。 5、在App.vue的mounted声明周期中调用 ......