缓存 手动keepalive vue
vue+html2canvas生成寄几想要的海报
需求： 点击弹出一个弹窗，其中是某个作品内容的海报，需要呈现作品的内容+二维码 思路： 获取作品内容渲染到弹窗中，生成包含分享链接的二维码，将整个界面转为图片，用户可以长按保存，并扫描识别。 方案及步骤： 1.引入html2canvas实现生成图片的功能 npm install --save htm ......
vue中this.$refs获取不到组件元素的解决办法
vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
Vue el-date-picker 日期组件的使用，需要初始化时间，初始化时间时候，注意 日期月份 补0
Vue el-date-picker 日期组件的使用 需要初始化时间，初始化时间时候，注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
springboot整合cache缓存
第一步：在 pom.xml 文件中导入对应坐标 <!--cache--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-cache</artifactId> </dep ......
Redis 缓存穿透、缓存击穿、缓存雪崩
转载：https://blog.csdn.net/qq_42500831/article/details/125499702 文章目录 一、缓存穿透 1. 概念 2. 解决方案 二、缓存击穿 1. 概念 2. 解决方案 三、缓存雪崩 1. 概念 2. 解决方案 一、缓存穿透1. 概念key 对应的数 ......
由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令
首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话，这位博主的文应该会对你有所帮助：nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有，按以下步骤走 步骤： 1、检查环境变量 【注意：以下修改操作每次完成后都要记得 ......
vue-element-admin 上传图片慢问题处理
vue-element-admin自带上传图片组件，在使用的过程中发现上传速度很慢，尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况，是因为upload组件会将图片上传到action="https://httpbin.org/post" ，并返回转换成base64编码格式的数据。 格式类似： ......
vue在线预览pdf、word、xls、ppt等office文件
perview(row){ const typeArr = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'] let arr=row.url.split('.') let fileType=arr[arr.length-1] let url = '' if ......
vue之computed
## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性，它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性，并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
vue的自定义指令
自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令，除此之外vue还允许开发者自定义指令。 自定义指令分为两类： 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词，要使用 kebab-cas ......
html使用script 引入vue.js文件
使用script引入vue.js的方法： 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址：https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入，组件上写的 UnoCSS 样式会被覆盖，无法生效。 圆角 10px 不生效:  ``` assets文件夹：存放项目中用到的静态资源文件，例如：css样式表、图片资源 compone ......
任务调度系统架构设计：基于缓存的改进
[toc] 随着互联网和信息技术的不断发展，任务调度系统已经成为了企业和个人使用的重要工具。一个高效的任务调度系统可以提高生产效率，降低人工成本，优化工作流程，提高企业竞争力。然而，传统的任务调度系统存在很多局限性和挑战，比如性能低下，可扩展性不足，安全性不够等等。为了提高任务调度系统的性能、可扩展 ......
vue中使用vue-particles动态粒子蜘蛛网背景
**vue-particles是什么？** 它是一款可以动态生成点和线的插件，然后线条可以自己动，还能与用户鼠标事件产生互动。 插件的github官网地址：https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
Vue3 —— 商城项目
## create-vue create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。 执行如下命令，这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue，执行n ......
OneDrive同步任意指定文件夹并手动开启同步
# OneDrive同步任意指定文件夹并手动开启同步 ## 同步指定文件夹 ### 原理： 借助符号连接把其他路径的文件夹，创建在自动同步的文件夹中。 ### 步骤： 1. 点击开始菜单，在搜索框中输入cmd，右键选择以管理员模式运行命令提示符。 2. 输入以下命令并执行，创建目录符号链接。 命令模 ......
vue时间处理
vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式： YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
UE开发使用Rider时缓存干爆C盘的解决方案
我们在使用Rider开发UE时，Ride会为每一个项目创建一个解决方案缓存，如果开几个新项目写测试demo，我们的C盘会逐渐捉急 ![默认情况下](https://img2023.cnblogs.com/blog/2003597/202306/2003597-20230615183008462-89 ......
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用nginx的proxy_pass 代理跨域转发
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题，包含对问题的思考、解决思路，以及从中获得的收获。正确的部署流程我也写了一篇文章，供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
手动删除了Linux下syslog--/var/log/messages怎么办？
#引言 Linux小白很容易犯得一个错误就是：查看日志的时候，尤其是系统日志，由于日志太多，把系统日志手动删除了。也就是把/var/log/messages文件删除了，而不是删除文件的内容。直接删除文件会导致新产生的日志无法被写入到文件当中，只有清空文件内容后续的日志才能继续写入文件。当然删除文件之 ......
vue学习记录 4
本地服务器配置apache安装学习参考网址：（官网下载apache包的时候可能会疯狂断开链接）教程里没说，但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue dialog弹出框随屏幕改变高度
动态改变高度是基于动态css样式进行设置，dialog中的高度是随内部元素高度变化，所以在dialog中的table添加class="tableClass"，通过屏幕大小改变tableClass中的height，高度数值存储在sizeList中。 <template> <div :style="si ......
qt——自己手动添加菜单栏、工具栏（自定义菜单栏、工具栏的位置）
参考：原文链接 不一定非要用QGroupBox，其他继承自widget的控件都可以 我的实现： ......
vue封装公共组件库并发布到npm库
利用的原理： vue框架提供的api: Vue.use( plugin)，我们把封装好组件的项目打包成vue库，并提供install方法，然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播
/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
Vue入门 this
# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值：通过v-bind:的形式进行数据的传递(可直接简 ......
vue简单的分页功能实现二
# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先，data数据定义： ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
Vue简单的分页功能实现一
# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理，主要是在js中实现对数据的分页处理，这里分享两种简单的写法，以供参考。两种方法都是用vue来实现的。 首先，相关的参数都一样，在vue里的data中定义好，如下所示： ``` var vm = new Vue({ el:'#app ......