- 博客(110)
- 收藏
- 关注
RSS订阅原创 css中linear-gradient渐变色和背景图片一起写
background-image: url('https://image.qll-times.com/2024/11/01a323807a3242da98e1d338a99ed637.jpg'),linear-gradient(#ff8f85 0%, #ff7063 100%);
2024-11-13 15:00:03
606
原创 ps提示不能使用移动工具,因为目标通道被隐藏的解决办法
按图示找到快速蒙版图层。它可能被隐藏或以特殊图标显示。右键删除或者拖到右下角垃圾桶里。解决：按F7，或者从窗口把图层打开。
2024-10-17 17:05:47
7153
原创 一个快速在excel中把第一行的内容复制到指定行数的办法
接着按F5键（或者Ctrl+G），将定位窗口打开，在引用位置里面输入选中单元格区域的最后一行，例如需要复制到100个单元格，则输入A100。然后按住SHIFT键，点击首行单元格，这样就可以将A1:A100单元格全部选中了。然后选中第一行，点击视图-冻结窗口-冻结首行，这样就将表格里的第一行冻结了。首先将你想要复制的内容输入到第一行，并且Ctrl+C复制内容。选中了之后，按CTRL+V将内容粘贴就可以了。仅限EXCEL~~~~
2024-06-28 15:27:01
2499
原创 在vue3中使用element-plus中的form修改其中如何修改el-form-item__label的字体颜色以及宽度
其中“demo-table-expand”是form的class名。
2024-05-23 15:21:37
653
原创 前端： ＜el-descriptions＞ - did you register the component correctly? For recursive components
翻译：未知自定义元素: -您是否正确注册了该组件?对于递归组件，确保提供“name”选项。原因：是到了element-ui 2.15.6才开始更新的，看看你的版本，升级即可。
2024-05-10 15:41:44
802
原创 input，el-input输入框正则验证输入的非数字转为空
el-input v-model="unboundTel" placeholder="请输入解绑手机号" clearable @blur="unbondBlur" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')"></el-input>
2024-04-29 16:31:17
668
原创 vue3 setup 使用计算属性，获取对象属性名与指定字符匹配后获得对应属性值
Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for…in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举。方法用于判断数组中是否包含某个指定的元素，如果包含，则方法返回 true，否则返回 false。用计算属性获得对应的属性值matchedPropertyValue。在html中展现对应属性值。
2024-03-28 10:32:25
762
原创 js验证11位手机号的正则验证表达式
let a = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
2024-03-18 14:37:38
746
原创 Vant中＜van-button＞中icon的位置设置
一般在按钮中加入icon，其位置都在左侧。我们可以用：van-position，改变图标展示位置。如：icon-position="right"
2024-03-13 13:30:08
1358
原创 Vant组件中van-overlay页面太长无法滚动
内容太长，发现电脑中滚轮可以滚动，但是手机端手指滑动动不了。在组件上加lock-scroll。
2024-03-06 17:36:02
933
原创 css 字符换行、根据宽度自动换行，达到内容框宽度最大
只对英文起作用，所有非空格字符都会被打断。对连字符、逗号等特定标点符号进行断开。只对中文起作用，强制换行。
2024-03-06 14:54:40
752
原创 .vue:154 Uncaught (in promise) ReferenceError: Cannot access ‘xxx‘ before initialization
原错：UserManage.vue:154 Uncaught (in promise) ReferenceError: Cannot access 'recordPopup' before initialization翻译：在初始化之前无法访问'recordPopup'可以粗暴的理解为当我访问'recordPopup'时，该变量并未被声明。
2024-03-04 15:31:28
1057
原创 dayjs
dayjs(value).add / dayjs(value).subtract 代表在指定时间（value）上去加减；dayjs().add / dayjs().subtract 代表在当前时间上去加减；
2024-02-28 15:03:49
727
原创 vue2中js对象转数组
我们要用localStorage.setItem以数组的形式存入某些数据，且为了方便数据处理，想要在mounted中用localStorage.getItem获取之后依旧是个数组的解决步骤。在mounted中判断用localStorage.getItem('puzzleChoose')取出的数据是否为空，不为空再进行数据处理。将用localStorage.getItem('puzzleChoose')取出的数据放入暂存区储存，前提准备:data中要声明以下变量。
2024-01-18 16:29:49
652
2
原创 vue中echarts柱状图点击x轴数据复制
但是如果我们点击柱状图中的柱状体 ，如下图蓝色位置，即可发现报错消息为：[Vue warn]: Error in event handler for "click": "TypeError: Cannot read properties of undefined (reading 'value')" 可知，是我们点击的位置上并没有我们想要的value字段。三、当我们点击x轴下方数值的时候，在控制台打印参数params，需要的值在event中找，发现在value字段中，那么就直接调用复制方法。
2023-12-18 18:15:14
1805
原创 js中获取json的值：使用 JSON.parse() 方法
比如json为：configs: "{"type":1}"此时就可以用a.type来得到1。直接打印configs如下图。
2023-10-27 10:08:13
1222
原创 使用数组方法打印出 1 - 10000 之间的所有对称数。例如：121、1331等
使用方法：toString() 方法可把 Number 对象转换为字符串，并返回结果。split()：拆分字符串。通过指定分隔符对字符串进行切片，并返回分割后的字符串列。reverse()：对列表中的元素进行反向排序。join()：将数组的每个元素都转为字符串。代码逻辑分析：如果一万以内的一个数，正着和倒着相等，就输出该数字步骤①：判断一个数，正反相同，就输出该数字。步骤②：判断的是一万以内的数组，需要循环
2023-10-20 13:31:54
450
原创 用JavaScript输出0-9的两种方法、以及setTimeout的三个参数的意义
方法二：利用 setTimeout 函数的第三个参数，会作为回调函数的第一个参数传入。执行这个代码你会发现在代码执行两秒后会在控制台打印出‘第三个参数’的字样。我们可以简单粗暴的理解为，a=‘第三个参数’再比如：会在控制台输出6，也就是1*2*3的值。先执行第三个参数，然后再执行第一个函数。
2023-10-18 18:01:41
386
原创 vue中获取复选框是否被选中的值、如何用JavaScript判断复选框是否被选中
第一种方法：通过获取dom元素，getElementById、querySelector、getElementsByName、querySelectorAll（需要遍历，例如：for循环）在你做任何其他操作的时候判断checkboxIsChecked的值，如果为true表明选中了，再进行后续操作。第二种是用v-model在input复选框上绑定一个变量，通过双向绑定的特性来判断复选框是否被选中。第一种：被选中输出true，否则为false。选中输出true、未选中输出false。
2023-10-18 17:28:14
3766
原创 animation.css中jello动画用css写出树枝抖动的动画代码
css（url中的图片放自己的图片，随之修改@keyframe中的数值，就可以实现想要的效果）
2023-09-19 11:07:19
255
原创 vue中修改css的animation的@keyframe数值
有时候，我们需要在页面随着点击事件的启动，或者是时间的增长，变化animation中的时间周期animation-duration、以及keyframe中transform的值。shake是我定义的动画名字，我此时需要随着点击事件的重复发生，增加shakeTranslateY的值，以此来达到递增动画上下移动的距离。3：在你所需要的逻辑处理位置改变this.animationImgDuration的值。将你想要改变的数值用sheet.insertRule的方法进行修改。2：在计算属性中声明这个方法。
2023-09-07 11:43:47
1135
2
原创 Dialog 的标题title属性用slot实现。（复制功能）
当你的标题内容需要一些除了文字以外的功能，比如复制按钮，那么就需要用slot传入。whitelistId是个变量，点击事件传入此值，调用以下方法即可复制。
2023-09-01 10:40:33
732
原创 VUE中使用ElementUI组件的单选按钮el-radio-button实现第二点击时取消选择的功能
VUE中使用ElementUI组件的单选按钮el-radio-button实现第二点击时取消选择。js代码为：（记得在data中声明loglevel:""）
2023-07-27 17:57:27
2096
1
原创 【Vue】在el-table的el-table-column中，如何控制单行、单列、以及根据内容单独设置样式。例如：修改文字颜色、背景颜色
其实很好理解，row是行，控制台第一行打印的是数组中第一个对象。column是列，是el-table-column。rowIndex是行的索引，columnIndex是列索引。让我们打印出各个参数看一下代表了什么。在el-table中用v-bind绑定此属性。（v-bind的简写是：）用cell-style表属性来实现。在官网中是这样表述这个属性的。若想要label为inner-cron的字体加粗。如果我们想更改第一行的字体颜色是绿色。如果想要第一列的背景颜色是红色。
2023-07-26 18:17:31
6794
原创 vue中重新获取数据导致页面加长，要求在页面更新之后浏览器滚动条滚动到之前浏览记录的位置。以及获取当前页面中是哪个元素产生滚动条的方法。
（3）设置滚动条位置。注：scrollTo方法必须是该页面存在滚动条的元素。且必须是el-table的父元素。（此处$refs后的multipleTable是在el-table中用ref绑定的值）最后用$nextTick方法在数据渲染完成之后的滚动条定位定到之前的位置上。获取当前页面中是哪个元素产生滚动条的方法（vue中）：页面滚动后控制台会打印。新数据页面的长度-旧数据页面长度=当前滚动条滚动位置。（1）获取新数据的el-table长度。首先获取当前el-table的高度。，将新数据渲染到页面中。
2023-07-25 19:37:01
633
1
原创 监听浏览器的前进、后退、刷新，来改变input中type=“checkbox“的选中状态。
visibilitychange事件：当浏览器的某个标签页切换到后台，或者从后台切换到前台时，会在document上触发visibilitychange事件。当用户导航到一个新的页面，改变标签页，关闭标签页，最小化或者关闭浏览器；或者移动端从浏览器换到其他的app。在 mounted中监测浏览器页面改变状态。在data中声明isChecked变量。html页面中给个input框。
2023-07-14 16:37:37
690
1
原创 Element UI组件中el-col、el-row布局学习笔记
el-col：列。是Element UI布局中的核心组件，他的作用的将一行分成24个网格，为了方便我们在不同的设备上适配不同的屏幕大小。我们可以通过指定span属性来确定一行中所占的网格数。el-row：行。包裹在el-col外层，其中可以有无数个el-col。在正常形态下，:span默认为24。假如:span为12，那么就是原本列数的一半。二、el-row的属性：:gutter 调整布局之间的宽度---分栏间隔。（也就是两列之间的间隔距离）如果两个div间需要间隔以示区分。
2023-07-11 13:26:04
29468
2
原创 创建vue项目。提示：Your connection to the default yarn registry seems to be slow.以及插槽slot（匿/具）和slot-scope的使用
1、检查node和淘宝镜像安装了没：node -v 和 cnpm-v下载安装包，然后一直下一步就安装成功了。安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org2、安装vue3、命令行创建 vue create slot翻译为：您连接到默认的纱线注册表似乎很慢。也就是觉得你现在的网很慢，建议你使用https://registry.npmmirror.com来加快安装。也有的是提示建议使用淘宝源的。
2023-07-07 10:00:59
3047
原创 element-ui组件中的Tooltip 文字提示：el-tooltip中content是变量怎么写
可以看出，content是提示内容。如果是文字提示可以直接写在content里面。
2023-07-06 10:28:22
2596
原创 v-model在select和option、el-select和el-option中的使用。（vue使用el-select和el-option实现搜索框）(默认选择数组前四个数据）
单选时，如果v-model表达式的初始值未能匹配任何选项，select元素将被渲染为“未选中”状态。在ios中，会使用户无法选择第一个选项，因为在这样的情况下，ios不会触发change事件。v-model：在表单元素上创建双向数据绑定。v-bind可以把值绑定到Vue实例的一个动态property上，其值可以不是字符串。特点：总是将vue实例的数据作为数据来源—>data中声明的值。其selected的值会根据选择的option的值来变。
2023-07-04 15:14:54
2853
原创 element-ui的Form表单设置自定义校验规则。input输入框设置必填。input框前红色*号的设置。
在组件中填写方法中需要的属性（ref，prop，:ruls）首先，从element-ui中找到你需要的组件。在methods方法中加入。
2023-06-15 18:43:57
2360
1
原创 [Vue warn]: Invalid prop: type check failed for prop “required“. Expected Boolean, got String.
译为：[Vue警告]:无效的道具:类型检查失败的道具"required"。期望布尔值，得到字符串。
2023-06-15 17:08:01
2304
原创 去掉字符串中的空格，通过正则根据不同的需求分别能去掉前、后、前后、中间的空格。
正则表达式从左到右进行计算，相同优先级的从左到右进行运算，不同优先级的运算先高后低。匹配任何空白字符，包括空格、制表符、换页符等等。匹配前面的子表达式一次或多次。
2023-06-09 10:39:19
1075
原创 [js] 用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值
3、用递归算法生成不重复的值——>判断此随机整数是否已经存在数组arr内，用数组循环迭代的方法，不能使用for/while等循环。关于范围的计算：[n-m] ——> Math.floor(Math.random() * (m - n + 1)) + n;1、创建数组的方式之一：new Array() 括号内数字表示数组的长度。1、数组长度为5——>要生成一个长度为5的空数组arr，用来存放值。2、随机数在2-32之间——>生成一个2-32之间随机整数rand。2、生成随机整数rand。
2023-06-08 16:40:28
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人