缓存computed方法vue
vue3路由转发报错Failed to resolve component: router-link
//在学习vue3路由转发的时候,总是报路由的一些方法无法识别，undefined 报错： // App.vue:9 [Vue warn]: Failed to resolve component: router-link // vue路由跳转报错Cannot read properties of ......
解密MySQL备份恢复的4种方法
备份高于一切，今天汇总一下常用的几种备份方法，以及恢复的步骤。 一、mysqldump 在日常工作中，我们会使用mysqldump命令创建SQL格式的转储文件来备份数据库。或者我们把数据导出后做数据迁移，主备搭建等操作。mysqldump是一个逻辑备份工具,复制原始的数据库对象定义和表数据产生一组可 ......
Redis监控方法之二
Redis监控方法之二 背景 前期整理过使用 exporter + prometheus 方式进行Redis监控的搭建过程 最近给同事研究clickhouse时发现 clickhouse 有对应的plugin 可以直接拉取CK的信息 当时就想其他的中间件肯定有类似的方法进行处理. 当时第一反应是想学 ......
java——redis随笔——实战——分布式缓存
在使用Redis过程中，持久化是一项非常重要的功能，因为如果Redis Server停止工作，所有的数据将全部丢失。为了避免这种情况的出现，我们需要将Redis中的数据保存在硬盘上，以保证数据不受服务器宕机影响。Redis提供了两种持久化方式——RDB和AOF。笔者将会以RDB与AOF的区别为话题， ......
将微信小程序源码自动转换为uniapp vue3/vite源码
uniapp目前已经支持vue3语法了，对于想将微信小程序代码迁移到uniapp vue3的小伙伴来说，迁移的工作量无疑是比较大的。本人开发了自动转换工具可以自动实现代码转换，并且保证了可读性。 基本原理： wxml-compiler：wxml → posthtml-parser → AST → t ......
odoo 屏蔽ir.rule的方法
开发中遇到一个需求是考勤记录普通用户只能看自己的考勤记录,管理员可有看所有人的考勤记录,这个需求使用两个规则记录就可以搞定了,但是在加班申请中需要展示对应日期的考勤记录,审批人也是普通用户无法看到他人的考勤记录,这个是时候就需要屏蔽规则记录了 追踪了下ir.rule的生效方法: 模型基类中有一个方法 ......
常见的报错、警告及其解决方法
1.Java HotSpot(TM) 64-Bit Server VM warning: Options -Xverify:none and -noverify were deprecated in JDK 13 and will likely be removed in a future rele ......
vue select-option组件 普通下拉和远程下拉数据展示及回显
前言：后台返回的数据格式有如下两种类型： 1、json格式： codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式： codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ] ......
uniapp开发nuve原生瀑布流组件waterfall列表后边出现空白的处理方法
异常描述： 首页有轮播、广告位、瀑布流商品列表，但是使用了原生组件waterfall的商品列表后边出现了大面积空白。 解决方法： 将waterfall放到父容器下边或者直接放到template下边作为父容器，给父容器设置高度设置为窗口高度，除瀑布流展示的列表外，其他的组件都放在中即可。 <templ ......
Vue源码学习(十四):diff算法patch比对
好家伙， 本篇将会解释要以下效果的实现 1.目标 我们要实现以下元素替换的效果 gif: 以上例子的代码: //创建vnode let vm1 = new Vue({data:{name:'张三'}}) let render1 = compileToFunction(`<a>{{name}}</a> ......
vue 上传照片插件
Vue是一种流行的JavaScript框架，拥有轻量级、直观且易于学习的特点，并提供丰富的插件集合。其中，上传照片插件是Vue的常用插件之一。 上传照片插件能够快速地将照片上传到服务器，支持多图上传、拍照上传和拖拽上传等功能。此外，插件还可以对上传过程进行自定义，如上传时的进度条显示、图片大小限制等 ......
Vue3Router路由传参
import { useRouter } from 'vue-router' //首先在setup中定义 const router = useRouter() // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路 ......
用vite创建vue3项目
打算用vite创建vue3项目 1.安装 npm init vite-app <项目名称> cd <项目名称> npm install npm run dev ## 执行完以上命令，就意味着你的vue3.0项目已经用上了vite了 提示 deprecated 改为： npm init @vitejs ......
列表/表格搜索方法->前端实现
很多业务系统中都会用到表格/列表，大部分都是用组件，配合搜索接口可以实现，搜索按钮是发送请求获取数据来更新表格数据。 但不是所有的列表都会有对应的后端搜索接口，比如在对一个弹窗里面的列表进行选择，数据量不是特别大的情况下希望前端支持筛选，可以更加方便快捷的对数据进行操作，这时候就需要用到数据筛选。 ......
更换出现故障的 vSAN 缓存驱动器
摘自国外的一个更换SSD缓存层硬盘的实例 我的家庭实验室一直使用通过 VMware vSAN 全闪存实施提供的主存储运行近 4 年。 底层驱动器是消费级三星 850 EVO 120GB（缓存）和 500GB（容量）SSD 驱动器。六个月前，vSAN 开始显示其中一台 ESXi 主机上的缓存驱动器的运 ......
浅谈PHP框架中类成员方法的类类型形参是怎么利用ReflectionClass反射类自动实例化的（应该是全网首发）
说明 1. 或许是全网首发，我翻过很多文章，从未有一个博主讲过这个东西，很多博主只讲了IOC、DI和反射机制的常见用法，因类类型形参反射的巧妙用法有相当高的难度和学习盲区，所以从未有人讲过类类型的形参它怎么就被自动实例化的。 2. 在Laravel框架，或者是其它框架中，类的成员方法中形参的类型定义 ......
vue+js实现点击图片，图片放大
1.首先在template中插入image，并赋予点击事件（这个时候是小图） <template> <div> <img src="@/assets/images/avatar.png" @click="imgShow()" /> </div> </template> 2.data定义点击放大的图片 ......
computed&watch
computed计算属性 对于任何复杂逻辑，你都应当使用计算属性。 computed计算属性的作用是对数据的计算和缓存，优点是能够提高性能。 vue2中,没咋用vue2写过项目，所以基本的代码展示都以vue3的格式。 method:{}, computed:{}, vue3 const num1 = ......
vue数据双向绑定的原理是什么?
Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty()来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 需要 Observe 的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter 和 ......
Android项目中引入aar包的新方法
一、已过期的方法：1、把aar文件放在一个文件目录内，比如就放在工程的libs目录内； 2、在app的build.gradle文件添加如下内容：（该配置和dependencies配置是一个位置级别） repositories { flatDir { dirs 'libs' } } 3、最后需要在de ......
Vue上传视频组件
整合上传组件 <el-form-item label="上传视频"> <el-upload :on-success="handleVodUploadSuccess" :on-remove="handleVodRemove" :before-remove="beforeVodRemove" :on-e ......
[vue-router] hash模式与history模式的区别
单页面应用（SPA） 单页面应用程序将所有的活动局限于一个Web页面中，在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成，单页面应用不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI ......
数据安全风险评估方法浅析
https://www.secrss.com/articles/37435 本文主要针对基于数据处理活动的数据安全风险评估方法的介绍，具体包括评估准备、风险识别、风险分析以及风险评价。希望能给想做或正在做数据安全风险评估的企业和组织提供一些思路。 引言 随着数字经济的快速发展以及传统业务的数字化转型 ......
Vue+OpenLayers从入门到实战进阶案例汇总目录，兼容OpenLayers7和OpenLayers8
本篇作为《Vue+OpenLayers入门教程》和《Vue+OpenLayers实战进阶案例》所有文章的二合一汇总目录，方便查找。 本专栏源码是由OpenLayers结合Vue框架编写。 本专栏从Vue搭建脚手架到如何引入OpenLayers依赖的每一步详细新手教程，再到通过各种入门案例和综合性的实 ......
requests-使用方法
安装 pip install requests -i http://mirrors.aliyun.com/pypi/simple/ 直接导入使用 import requests 给抓取的网站url url = 'http://www.baidu.com' 发起请求 # 发起请求 response = ......
vue 视频上传组件
组件： <template> <div class="upload-box"> <div class="avatar-uploader-box"> <!-- 图片预览 --> <div :key="index" class="video-preview" v-for="(item, index) i ......
宝塔 nginx 运行 vue项目
宝塔 安装nginx nginx 根目录： /www/server/nginx/html 修改nginx 配置 下滑到70多行，添加 server 对象内容，内容如下 server { listen 82; server_name test2; location / { root html/test ......
vue图片上传视频
图片上传是现在Web开发中常见的需求之一。而使用Vue框架可以使得这一过程更加方便和有效。在Vue中使用预先开发好的组件，可以快速地实现图片上传功能。 // 在Vue组件中引用插件 import VueUploadComponent from 'vue-upload-component' // 在模 ......
SpringBoot+Redis实现接口级别缓存信息
本文主要讲述如何通过SpringBoot+Redis实现接口级别缓存信息 背景 近期因为一直在处理公司的老项目，恰好碰到产品说页面有一些信息展示慢，简单看了一下页面接口，发现查询的是系统中几张大表(数据量在千万级别)，还会关联一些其他的表，导致接口性能极差，但是由于这些信息也不存在"及时性"这么一说 ......
Vue3 打印,合并单元格
一、npm i vue3-print-nb 1、按钮： <el-button type="danger" v-print="printObj" icon="Star">交接并打印</el-button> 2、打印区域外边添加div <div ref="printContent" id="printC ......