问题toref vue3 vue
【源码系列#02】Vue3响应式原理（Effect）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 Vue3中响应数据核心是 reactive ， reactive 的实现是由 proxy 加 effect 组合，上一章节我们利用 proxy 实现了 ......
html中直接引入Vue时可能会出现未解析时的解决方案
<div id="app" style="display: flex; position: absolute; left: -6000px"></div> 在mounted中: let app_dom = document.getElementById("app"); app_dom.style.l ......
【问题记录】【PgSql】平时过程中遇到的问题
1 长时间不操作，Navciat连接失效或者慢、卡顿 可以这样设置保持连接活跃哈： 2 插入的语句中包含引号 INSERT INTO my_test ( ID, NAME, create_time ) VALUES( 3, '你好''', '2021-12-23 00:12:23' ); INSER ......
vue自定义指令应用场景
1.防止重复操作(节流)一段时间内只允许操作一次 适用场景：接口请求、频率限制 2.一键复制 3.活动埋点 页面曝光埋点以及点击事件埋点 4.图片懒加载 在图片出现在视窗区域时开始加载，减少不必要的请求以及流量，适用于无限滚动列表以及瀑布流页面。 5.悬浮拖拽 悬浮可拖拽按钮 6.无限滚动加载 让网 ......
Vue3 + element-plus + Js 中使用 sheetjs xlsx 导入导出 Excel
安装模块 官方文档 NodeJS | SheetJS Community Edition代码： 1 <script setup> 2 3 import { ref, onMounted } from "vue"; 4 import { readFile, read, utils, writeFile ......
vue3项目中的一些报错
问题简介 关于typeScript编译配置问题 "importsNotUsedAsValues"选项已被弃用，并将在TypeScript 5.5中停止使用。要消除此错误， 请指定compilerOption '"ignoreDeprecations": "5.0"'。请改用'verbatimModu ......
Vue-mixin 混入处理
概述 再日常开发中，对于组件内部的方法多处存在相同的特点，往往会抽离出一个公共的方法方便调用，但是由于多个组件可能都需要用到这个方法，所以通过mixin混入的方式，将该方法独立抽离出来，方便多个组件的使用。 步骤 再src目录下创建一个mixins 再该目录下创建一个xxxx.js文件 编写对应的j ......
【linux常见问题】OSS import单机模式部署--阿里云功能
title: OSSImport单机部署附问题解决 date: 2022-01-18 10:54:06 updated: 2022-01-18 20:52:00 tags: - AWS - Ubuntu - Ossimport categories: - Ossimport description: ......
线上微信小程序无法登录问题
反馈 客户反馈无法线上小程序无法登录 复现 因为本地有为微信开发者工具，所以本地很快复现，找到traceid，查询sls日志，发现有问题日志： ### Error updating database. Cause: com.mysql.cj.jdbc.exceptions.Communication ......
【windows常见问题】windows远程桌面授权许可证过期解决办法
title: windows远程桌面授权许可证过期解决办法（之一） date: 2022-02-09 10:54:06 updated: 2022-02-09 14:20:00 tags: - Aliyun - Windows - mstsc categories: - windows descri ......
【linux常见问题】关于ubuntu系统磁盘清理问题
前言 Zabbix告警出现问题（机器磁盘占用过80%） 进机器进行查看 查看磁盘占用达到86%（还在增长） 查看磁盘占用 查看根目录下的各层级占用，发现对磁盘影响并不大（满打满算依旧少了一大部分的磁盘占用情况） 查找各个目录都没有发现，没有解决这个问题 通过lsof命令筛选，列出，当前系统正在打开的 ......
【linux常见问题】Aws机器磁盘在线扩容
Aws机器磁盘在线扩容获取需求（adc机器磁盘扩容至50G--原磁盘：30G）aws控制台登录3、选择卷组4、修改卷组 登录实例修改实际大小a、通过df -h查看磁盘目前大小目前磁盘大小（30G）b、通过lsblk查看存储卷的真实size以及分区情况--磁盘已扩容但并未实际纳入使用存储卷已经调整为5 ......
Vue3中 使用v-for嵌套 获取其他数组中的值作为key值 渲染数据
<tbody> <tr v-for="(row, idx) in rows" :key="idx"> <td v-for="(item, key) in title" :key="key">{{ row[key] }}</td> </tr> </tbody> rows是一个数组，但是我不知道他的键值 ......
【python入门之pip换源问题】---pip换源的方式
【一】PIP更换源包 【1】问题描述 在使用Python时，我们经常需要用到pip安装第三方包。 但是，在某些情况下，由于网络速度慢或者其他各种原因，pip install会非常慢，甚至可能无法完成。 为了解决这个问题，我们提供以下几种方法。 「 解决方法」 【第一种】永久更换pip源 一般来说，默 ......
Jenkins从Ubuntu迁移至AlmaLinux问题及相关解决记录
相关背景 之前在Ubuntu平台上搭建了Jenkins（在Ubuntu机器上使用war包安装Jenkins），现在由于一些需求，需要将系统迁移到AlmaLinux平台。由于AlmaLinux属于CentOS系列，与Ubuntu所属的Debian系列不同，在此记录一下迁移中遇到的问题。 问题1：账号没 ......
vue3 jsPlumb学习
<template> <div class="box"> <div @click="clearLine">clear</div> <div @click="initConponents">line</div> <div @click="getData">get</div> </div> <div c ......
Vue Provide/Inject 使用指南
两个inject工具函数轻松解决严格注入和Hook 返回值透传问题！ 痛苦的经历 自从使用了Provide/Inject代码的组织方式更加灵活了，但是这个灵活性的增加伴随着代码容错性的降低。相信只要是真的在项目中引入Provide/Inject的同学，一定一定有过或者正在经历下面的状况： 😢 注入 ......
C# Json序列化的格式化问题
问题来源: 客户要求传送给他的JSON文件的float型格式化为2位小数,数值型有30-40个栏位,一个一个修改也不是很好. bing和百度找到的方式都是自己定义一个JsonConverter,进行格式化. 找到的都是在字符串两边加++的例子,核心转化的代码如下: class StringForma ......
记录一下vue如果全局引入scss变量
开始 首先一些普通的css，可以在App.vue中引入 然后项目中会经常用到一些功能型的scss，比如mixin，和函数等，这个时候在main.js 和app.vue 是无效的。 首先查看自己的 sass和sass-loader版本，注意sass-loader的安装版本,如果是v8的版本使用prep ......
vue指令封装（按钮权限、loading加载、slideIn窗口进入动画）
vue 指令 vue 本身具有一些指令，但是有些指令是 vue 作者自己写的，有些是第三方插件写的。 v-if v-if 指令是用来控制元素是否显示的，如果值为 true，则显示，如果值为 false，则隐藏。 <div id="app"> <p v-if="isShow">我是显示的内容</p> ......
从一次前端公共库的搭建中，深入谈谈tree shaking相关问题
项目背景 随着业务的积累，前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用，但是随着相同技术栈 ......
vue前端截图
<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
powershell 乱码问题 encoding utf-8 with bom
powershell 中双字节文字，运行时是乱码 将文件编码设为utf-8 with bom vscode 场合 点击右下角编码格式选择编码>save with encoding>utf-8 with bom ......
关于Axios在Vue中的应用
关于Axios在Vue中的应用 Ajax 概述 我们在前端页面的数据，来自于后台，前端和后台是两个互不影响的2个程序，因为是两个程序，所以必须涉及到两个程序的交互；这就需要我们接下来学习的Ajax技术 Ajax: 全称Asynchronous JavaScript And XML 异步的JavaSc ......
vue3使用kindeditor富文本编辑器组件，支持上传图片（接口或base64）
参考文章：https://blog.csdn.net/qq_27936291/article/details/124768989 1.安装插件 npm i @zhj-target/vue3-kind-editor --save 或者 yarn add @zhj-target/vue3-kind-ed ......
GUI界面出现中文乱码问题的解决
问题描述 问题解决 选择运行界面的这里： Edit Configurations； 然后把下面这段代码放到VM Options： -Dfile.encoding=gbk 保存退出，即可解决GUI界面的中文乱码问题！ ......
问题（1）
1：红帽8添加另外一种类型的磁盘时，会遇到重装系统的问题 原因： 系统扫描硬盘的先后顺序不一样，所导致的 如果添加的是同一种类型的磁盘的话，就不会出现重装系统的问题了 如果添加其他的类型的磁盘的话，要进入到bios里面修改磁盘的优先级 解决方法： 1）先进入到bios里面 2） 找到boot选项卡， ......
链表K个节点的组内逆序调整问题
链表K个节点的组内逆序调整问题 作者：Grey 原文地址： 博客园：链表K个节点的组内逆序调整问题 CSDN：链表K个节点的组内逆序调整问题 题目描述 LeetCode 25. Reverse Nodes in k-Group 本题的 follow up 是： Follow-up: Can you ......
vue中的watch监听器
方法一： 当监听某一属性的变化时，建议直接使用函数写法 const vm = new Vue({ el:'#app', data:{ username:'' }, watch:{ username(newVal,oldVal){ console.log(newVal,oldVal) } } }) 方 ......
遇到Qt使用UI文件无法连接信号问题
1. 手动加载UI文件代码如下： 以上代码pushButton按钮在状态切换时，无法接收到信号，经过调试发现调用"connect"时变量“lineWidget”各个成员都是空指针，但是"connect"函数并没有报异常。 2. 查看"setupUI"函数，其片段如下： 可以发现，其实创建对象都是在" ......