自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 使用vuex3来对窗口的高度宽度进行监听

【代码】使用vuex3来对窗口的高度宽度进行监听。

2024-08-11 02:06:21 254

原创 vue密码由8~25位数字、字母或符号组成,至少含有3种及以上的字符,密码配置规则校验,vue自定义校验

【代码】vue密码由8~25位数字、字母或符号组成,至少含有3种及以上的字符,密码配置规则校验,vue自定义校验。

2024-05-29 17:33:04 328 1

原创 前端vue实现验证码60秒倒计时,按钮控制

【代码】前端vue实现验证码60秒倒计时,按钮控制。

2024-05-29 11:39:33 546

原创 js公共函数:过滤对象中值为空的键

【代码】js公共函数:过滤对象中值为空的键。

2024-05-27 10:52:42 266

原创 Echarts动态计算grid:{lift}的宽度,yAxis根据内容动态调整宽度,Echarts边距动态计算

保存 chart 对象以便在其他方法中使用(this.chart = chart)监听yAxis的数据是否发生变化。Echarts动态计算grid:{lift}的宽度,yAxis根据内容动态调整宽度,Echarts边距动态计算

2024-05-22 14:54:38 282

原创 vue自定义指令,限制输入小数点后四位且只能输入数字

vue自定义指令封装及使用,批量注册

2024-05-21 16:56:48 438

原创 js随机生成颜色

【代码】js随机生成颜色。

2024-05-21 09:20:32 93

原创 Echarts饼图和柱状图&legend调整位置

【代码】Echarts饼图和柱状图&legend调整位置。

2024-04-10 15:38:11 4225

原创 js大写改_小写

【代码】js大写改_小写。

2024-03-04 11:19:15 328

原创 表单进阶-学习笔记-原生HTML&CSS的一些表单&样式技巧

【代码】表单进阶-学习笔记-原生HTML&CSS的一些表单&样式技巧。box-sizing1:使用form标签对整个表单经行包裹,可以实现自动监听键盘的回车事件 2:select的multiple="multiple"属性可以实现多选,当然也可以写成multiple,因为他是一个buer属性 3:label标签包裹input可以实现点击后缀文字实现选中 4:这是另一种label的写法,这个写法会将这个标签和input关联起来。

2023-11-30 14:44:42 402

原创 HTML+CSS进阶知识补充-学习笔记-HTML+CSS的一些技巧,简直不要太好用

【代码】HTML+CSS进阶知识补充-学习笔记-HTML+CSS的一些技巧,简直不要太好用。

2023-11-30 10:57:38 480

原创 scss的基础使用-学习笔记

/ scss变量的基本使用div .box{//定义变量如果使用-或_,在使用的位置可以交替使用-或_,但是为了更清楚,最好是统一起来。// 可以在变量中使用变量:使用:div .box{$开头定义变量,可以_或-,变量内可以使用变量。按照对象嵌套的方式进行选择器嵌套,精准解析直达目标。&符调用父级@mixin:scss的函数。@extend 模块化css代码。

2023-11-29 15:36:48 415

原创 事件循环原理-学习笔记

事件循环会在执行完一个任务后从消息队列中取出下一个要执行的任务(队列中的函数将会被包装为任务),但是消息队列是有优先级的,微队列 > 交互队列 > 延时队列。

2023-11-27 17:34:09 1036

原创 uniapp下拉框带搜索,select下拉框增加搜索功能,手写简易版

手写了一个简易版uniapp能搜索的下拉框(select),各位仁者见仁智者见智吧,有时间再优化,现在一个人搞同时搞四个项目,属实是被剥削了。随便搞一点样式,动画什么就不写了,想要自己搞一下的自己优化吧。想搜一个直接复用的,奈何都不是很好用。万恶的产品使我进步!

2023-08-30 14:06:53 2770 1

原创 javascript 数组 splice()内置方法,splice数组替换/删除/使用

方法通过移除或者替换已存在的元素和/或添加新元素就地改变一个数组的内容(会改变现有数组)。

2023-08-07 09:43:13 639

原创 js绑定不上事件,Uncaught TypeError: Cannot read properties of null (reading ‘addEventListener‘)解决

今天踩到一个小坑,再写一个vue项目的时候,想使用 focus 事件来控制背景透明度,结果一直注册不上事件。:使用console.log()在打印空或者直接不生效,js部分检查完肯定时没问题的,又检查类名,也没问题。那只能整DOM了,那就是js执行完了,DOM还没加载完。:注册了 load 的事件,重新修改样式就成功了。

2023-07-27 14:05:53 495 1

原创 js方法数组内置方法slice(),js数组截取,js数组内置方法slice()详解

(包括 start,不包括 end),其中 start 和 end 代表了数组元素的索引。原始数组不会被改变。,这一对象是一个由 start 和 end 决定的原数组的。一起使用,用于创建一个实用方法,将类数组对象转换为数组。slice() 方法返。本文代码片段参考mdn。

2023-07-25 16:17:04 2016 1

原创 js.?是什么意思?.?号作用,.?(可选链运算符)

之前,大家必须知道js在访问一个对象的属性时,如果这个属性时null或者undefined时,是不会报错的,但是如果继续读这个属性的下级时,才会报错,.?当尝试访问可能不存在的对象属性时,可选链运算符将会使表达式更短、更简明。在探索一个对象的内容时,如果不能确定哪些属性必定存在,可选链运算符也是很有帮助的。)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。与函数调用一起使用时,如果给定的函数不存在,则返回。) 空值合并运算符(?) 的情况下不会引起错误,该表达式短路返回值是。

2023-07-25 11:46:57 508 1

原创 js对比选择的日期是否大于今天,js判断时间选择。

【代码】js对比选择的日期是否大于今天,js判断时间选择,getTime()方法,setHours()方法,时间比较

2023-07-24 11:39:14 1937

原创 js?? 是什么意思?js??js两个?什么意思???= 使用,??使用

使用场景:当检测自己不是 null 或者 nudefined 时,可以简写为 a?= '我不是null或者undefined':只有左侧操作数为null或者undefined时,才会返回右侧操作数。时,返回其右侧操作数,否则返回左侧操作数。)是一个逻辑运算符,当左侧的操作数为。

2023-07-24 09:54:50 367

原创 flex布局四个一行自动换行,flex布局换行

【代码】flex布局四个一行自动换行,flex布局换行。

2023-07-14 09:24:41 1672 1

原创 reseFieids不生效,vue2编程式路由第一次跳转到指定页面后,无法清空参数,表单重置还是调过来携带的数据。

所以我猜,大家一定是和我一样 取值的时候在。将所有字段重置为初始值并移除校验结果。

2023-07-14 09:20:02 123 1

原创 自动获取当前年月,参入参数获取减去月份后的年月,获取当前年月前的指定年月,最近半年月份获取。封装自动获取当前年月工具函数

【代码】自动获取当前年月,参入参数获取减去月份后的年月,获取当前年月前的指定年月,最近半年月份获取。封装自动获取当前年月工具函数。

2023-06-02 12:17:50 108

原创 vue el-table返回的数据是个对象,el-table表格指定位置显示指定值,el-table绑定不同数据源。

正常el-table后端给返回的是数组对象:直接data绑定数据,然后prop绑定字段,table表格就可以自动展示了。所以出现一个问题,哎,没办法循环出来了,然后找到文档里的这个方法。判断一下$index现在这个是多少,然后赋值就行,大概代码如下。但是这次后端返回的数据是这样的。但是需要的表格是这样的。

2023-06-02 11:33:16 1369

原创 前端文件上传下载与预览,文件流下载文件流预览文件流上

element的 el-upload实现的文件上传文件下载文件预览,文件流。该方法可以进行多文件上传。

2023-05-18 09:27:33 727

原创 前端vue优雅的写出描述列表,el-descriptions,思路分享【随记】

对于代码的优雅来说,可能每个人的看法是不一样的,但是对我来说,简洁,易懂,容易维护,就够了。能够做到思路打开是最好的,不要局限在这一种方法里,大家有更好的思路,欢迎讨论。接下来这段代码是封装组件时用到的,主要是当时的详情弹窗要弹得东西太多了。这只是一个思路,一种启发。el-descriptions优雅

2023-05-16 09:18:00 5808 3

原创 vue组件el-table字符串指定位置改变样式,字符串找到大括号并将大括号内的数据指定位置改变颜色。

表格大括号里面需要字体但是有个问题,组件的$refs.colorRef.innerHtml 解析不了html,最后还是以字符串的形式赋值上去的,最后页面就显示 ${b}${c} 直接这样显示出来了。, v-html 这个也不行,最后渲染出来也是${b}${c},直接渲染字符串,没解析html。好巧不巧,又是抽烟的时候,突然来了灵感。

2023-05-15 16:14:14 512

原创 判断图片是否加载成功,兜底校验【优化随记】

图片兜底,可以看到这里是使用拼接的方式把图片链接拼接到src,所以我没找到怎么判断这个链接是否请求成功之类的。但是找到了图片的加载错误方法 @error='方法名'一个小优化,图片没加载出来的话,利用img的自带属性将图片替换成本地的图片。这时候就做好图片的校验啦。

2023-05-10 14:58:05 144

原创 需要跨组件传值的新需求,分享思路【随记】

此时又出现一个问题,依然是只能打开一次,因为在接收值的地方,监听到的一直都是true,所以只能第一次正常打开和关闭,第二次开始由于首次已经赋值为true,所以监听器监听不到第二次开始时传入值的变化了。在阳台抽烟的时候,突然发现根本就不该兄弟间控制显隐状态,只要父组件控制支付的显隐状态即可,所以这个流程应该是。将$emit中传过去的值写死为true,兄弟组件中监听一下,变化时为true时,展示,否则的话关闭。弹框时,通过$emit改变一下父组件中的显隐变量,此时父组件监听到该变量的变化,并将新的值赋值,

2023-05-09 09:29:48 67 1

原创 Error in render: “TypeError: Cannot read properties of undefined (reading ‘0‘)“found in解决方法

原因是进入这个页面的时候,组件就会立即加载,但是这个组件是通过点击事件传入值的,所以出现了进入时没有值,报这个错的问题。如果是空的,说明还没有点击,那么自然不会渲染,也不会报错了。昨天给页面写了个组件,但是一直报这个错误,

2023-05-06 09:32:27 998 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除