组件 页面 问题vue3
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......
Java 处理重复提交问题
1、定义一个接口用来控制限制的时间 package org.jeecg.common.aspect.annotation; import java.lang.annotation.Documented; import java.lang.annotation.ElementType; import ......
swiper使用时出现的问题总结
1、展示异常或者滑动有问题,有可能是因为swiper未正常渲染。 解决:定义swiper延迟500ms 2、出现白屏 解决:swiper内如果是img时,需设置具体的height数值。 3、在把swiper挂载到页面标签时,若此标签或其父标签为display:none,过后标签显示时也无法正常显示轮 ......
数量关系中比·······低/高n%的问题
在简单的数量关系中,经常会出现比·······低/高n%的语句,如何更好的设置和分析,要统一办法。 ①当遇到百分数时候,我习惯设置100x 如,设总预算为100x 则,基建支出为40x ②出现比·······低/高n%的语句,直接列简易方程(低1-,高1+) 如,图书购买支出比基建支出低25% 则y ......
Android开发-Android常用组件-ScrollView滚动条
4.10 ScrollView(滚动条) 我们可以直接利用ScrollView给我们提供的:fullScroll()方法。 scrollView.fullScroll(ScrollView.FOCUS_DOWN); 滚动到底部 scrollView.fullScroll(ScrollView.FOC ......
Vue3 v-drag 拖拽指令的简单使用
文档 官网文档:https://www.npmjs.com/package/v-drag 使用 安装、引入 npm install v-drag --save import drag from "v-drag" 使用 直接使用: <div v-drag>Drag me!</div> 注意:对原本绝对 ......
Android开发-Android常用组件-SeekBar拖动条
4.9 SeekBar拖动条 android:max 滑动条的最大值 android:progress 滑动条的当前值 android:secondaryProgress 二级滑动条的进度 android:thumb 滑块的drawable 接着要说下SeekBar的事件了,SeekBar.OnSe ......
pinia如何在组件外使用并修改 store?
问题 在 vue3 + pinia 开发中,使用了自定义指令 directives,指令实现在独立的 js 文件中,想通过监听 dom 元素的变化修改 pinia 的 state 状态,直接在初始化调用 store 函数, directives/index.js import { useLayerS ......
react学习(一)(react特点,创建react项目,jsx语法,函数组件和class组件,样式写法,条件语句,遍历数组和点击事件,表单处理)
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 React 拥有较高的性 ......
轮播图组件swiper之两个轮播图同步
试用下一个swiper轮播图作为另一个swiper轮播图的分页器,解决同步问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="I ......
Vue3 watch 监听函数
1、watch函数(既要指明监视的属性,也要指明监视的回调) 坑: 1)监视reactive定义的响应式数据时:oldValue无法正确获取、强制开启了深度监视(deep配置失效) 2)监视reactive定义的响应式数据中某个属性时:deep配置有效 setup(){ let sum = ref( ......
巧用spt_values解决SQL中的连续日期问题
spt_values是什么 spt_values是SQL Server系统数据库master下中的一个表,表里面都是一些枚举数据。我们可以通过如下查询语句来查看里面的数据 select * from master..spt_values spt_values连续记录 但是通常我们使用的是Type=' ......
记一次前端页面切换卡死的排查经历
这是一个老项目的新迭代,项目由element admin改编而来,bug的症状是:来回切换页面,有概率页面卡死。 我首先怀疑是内存泄漏导致了页面卡死,因为有几个页面请求了很多的数据,页面中还用到了一些定时器。 首先尝试通过chrome的performance和memory来查看内存和性能的变化,但是 ......
vue3路由跳转params传参接收不到
这样路由可以跳转过去,但接收到了params是一个空对象。 解决方法 由于之前的params传参在页面刷新之后,参数会丢失,所以vue将这种方法移除了。 vue推荐的路由跳转传参方法: 1.使用query传递参数 2.使用vuex、pinia对参数进行存储 3.使用 History API 方式传递 ......
vue3 ant-Design-vue提交按钮放在表单外提交,自定义提交按钮
<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re ......
git服务器搭建过程以及遇到的问题
git 自动化部署 在 Git 服务器上为用户配置 SSH 公钥 git@Linux:~$ mkdir .ssh git@Linux:~$ touch .ssh/authorized_keys git@Linux:~$ chmod 600 .ssh/authorized_keys git@Linux ......
pytest deselect 用法的问题
最近工作中需要排除指定测试(方法)不要执行,用了 --deselect=item 但是没有效果。 python3 -m pytest testcases/test_xxx.py -- deselect=testcases/test_xxx.py::test_method1 这里有个技巧,把 --de ......
不定时更新解决的一些问题
修改docker时间 https://blog.csdn.net/tiny_du/article/details/124024562 复制宿主机上的zoneinfo文件夹到容器下的/usr/share/目录下。 docker cp /usr/share/zoneinfo 容器名称:/usr/shar ......
org.springframework.beans.factory.BeanDefinitionStoreException版本问题
运行背景 学习Spring aop的时候,运行一个测试用例,报了如下错误信息。 报错日志 org.springframework.beans.factory.BeanDefinitionStoreException: Unexpected exception parsing XML document ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道,vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候,控制台就会报出错误,说不让你对父组件传递的值进行修改。2.那么,尤大大为了解决这个问题,在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也 ......
.net6(.net core)使用MailKit收取邮件乱码的问题
配置IMAP地址后,MailKit读取邮件时中文乱码。 主要问题是.net core以后默认缺失中文字符集。 1.安装System.Text.Encoding.CodePages包 2.在Main方法注册 static void Main() { //注册字符集,缺失字符集,一些中文编码数据为乱码 ......
vue3 - 引入自定义插件的组件的具体写法
1.背景 我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3 - 在单独的项目制作自定义组件插件,支持vite【前提不要使用webpack专属语法】,并引入插件 -心得 - 岑惜 - 博客园 (cnblogs.com)】 但在局部引入组件时,eslint红色警告 引用名言:“又不是不能用==” ......
win10计划任务程序库实现定时任务的自动执行程序及问题解决。
win10计划任务程序库可以实现按照规则频率执行脚本的功能。现在将设置方法记录如下: 创建任务步骤 1、右键点击我的电脑,选择管理,依次点击:系统工具-》任务计划程序-》任务计划程序库。 2、点击最右侧操作中的创建基本任务,打开下面的弹窗。 3、创建任务的基本信息,下一步选择任务执行的频率和开始时间 ......
python+playwright 学习-44 过登录页面的滑块拼图验证码
前言 有些登录页面经常会遇到滑块验证码,滑块的操作思路基本都差不多,先确定缺口的位置,再滑动过去。 一般在滑动过去的时候,会有人机识别机制,有时候你准确的滑动位置了,但不一定会解锁成功。 滑块示例 以下滑块为例 需先计算出滑块的缺口位置,也就是我们需要滑动的距离 计算缺口位置 计算缺口位置的方法,网 ......
Troubleshooting 专题 - 问正确的问题 得到正确的答案
在很多公司中,IT、数据中心、业务系统一出故障,会有很多人被叫到作战室(就是一个为了解决该问题,而把所有相关人员集中在一起的一个会议室), 但是对于这个问题他们是否可以修复, 是否他们应该负有责任, 经常没有线索. 「证据」(基础架构监控数据, 日志文件, 用户投诉等等) 表明了症状, 但是与 ro ......
vue3中proxy关键词
在 Vue3 中,proxy 是一种新的 JavaScript 特性,用于创建一个代理对象,对代理对象的访问会通过 get 和 set 等方法拦截, 从而可以对代理对象进行一些自定义的处理逻辑。在 Vue3 中,我们可以使用 reactive 函数将一个普通对象转换成响应式对象, 而这个响应式对象就 ......
Element Table使用tooltip卡顿问题
重新封装tooltip组件,增加移入渲染,移除销毁功能,避免渲染过多tooltip<template> <el-tooltip v-if="show" v-bind="$attrs"> <slot></slot> </el-tooltip> <div class="mouse-tooltip" @m ......