自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue项目中使用hls.js播放m3u8视频,踩过的坑

【代码】vue项目中使用hls.js播放m3u8视频,踩过的坑。

2025-03-25 10:03:23 204

原创 vue中使用elment实现自定义el-calendar每个日期对应的显示内容

文章记录el-popover和el-calendar结合实现日期和自定义显示内容效果,下面案例是实现日期对应自己的自定义文案,以及可选区间功能。

2024-11-07 14:54:52 410 2

原创 在JavaScript中,数组的合并方法有很多种,其中一些会触发DOM更新,而另一些则不会。以下是一些常见的数组合并方法及其对DOM的影响

【代码】在JavaScript中,数组的合并方法有很多种,其中一些会触发DOM更新,而另一些则不会。以下是一些常见的数组合并方法及其对DOM的影响。

2023-08-29 11:45:54 192 2

原创 vue,js中文首字母排序

【代码】vue,js中文首字母排序。

2023-08-21 13:48:11 402 1

原创 js,vue数组对象去重方法

【代码】js,vue数组对象去重方法。

2023-07-11 11:23:11 239 1

原创 项目开发常用css样式案例大全(例如字体渐变色)

【代码】项目开发常用css样式案例大全(例如字体渐变色)

2023-06-24 13:52:32 347 1

原创 点击列表某一项跳转详情页面并滚动到对应位置

【代码】点击列表某一项跳转详情页面并滚动到对应位置。

2023-06-16 15:18:44 1055

原创 常见的一些处理 JavaScript 数组的常用方法和案例:

处理 JavaScript 数组的常用方法和案例待续…

2023-06-14 11:08:36 68

原创 vue移动端H5开启测试

【代码】vue移动端H5开启测试。

2023-05-23 17:01:54 162

原创 自定义时钟,获取当前时间,年月,周期(复制就能用)

【代码】自定义时钟,获取当前时间,年月,周期(复制就能用)

2022-10-14 17:40:48 516

原创 【element中el-cascader使用及自定义key名】

element中el-cascader使用及自定义key名

2021-12-31 16:52:41 4729

原创 前端js常用校验方法大全

方法实践可用,看见合适的直接CV大法使用下面展示一些 内联代码片。1.隐藏手机号中间几位// An highlighted blockvar foo = '12345678923';foo..replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')console.log(foo )//123****89232.校验手机号合法// An highlighted block checkPhone(phone) { var myreg = /

2021-10-14 10:50:59 682 3

原创 通过css修改border-bottom下边框长度(通过伪类自定义下边框长度)

下面展示一些 内联代码片。border-buttom默认是实际宽度的100%,在开发中有很多时候设计图并不是需要长度100%,这样就需要我们自己动手修改了//使用伪类添加边框.examPaper_header::after { content: ''; width: 100%; height: 1px; display: block; margin: 0 auto; border-bottom: 1px solid rgba(0, 0, 0, 0.0

2021-08-20 09:09:36 6382 2

原创 实现循环出来的列表按钮单选或多选,选中效果

在我们实际开发中或多或少的遇到一些UI组件不能满足我们产品需求的时候.我们该怎么办呢?说服他换成你能快速实现的方式来搞!或者屈服,面向百度自己慢慢搞悄悄的说一句你这次比较幸运,是面向我了,这个坑我已填平一. 单选就比较简单了注意精髓:实现思路来了第一种是遍历的时候每一项都有一个唯一值也就是索引值, 使用索引值与点击时获取到的当前元素的索引进行比较 两者相等时添加一个类名例如 :class="{active:index==num}",文字理解如果比较吃力 那我们就上代码// num是在d

2021-06-15 18:14:12 1901 2

原创 iframe点击事件无效?给iframe添加点击事件?

iframe点击事件无效?给iframe添加点击事件?进来了 证明我们在填坑的路上还是很相似的嘛!接下来直接上代码!通过操作iframe的document是行不通的,不过还有有document.activeElement可供我们使用!// c+v大法可直接使用<body> <iframe id="iFrame" class="hotm" src="https://h.eqxiu.com/s/zAd1U265" frameborder="0"></ifram

2021-06-12 12:14:08 3303 3

原创 自定义视频播放demo

先了解基本属性:菜鸟教程应有尽有链接: https://www.runoob.com/tags/ref-av-dom.html此案例中主要涉及到事件:play() 开始 播放时触发pause() 暂停 播放时触发ended() 视频播放结束时触发js方法:删除或添加类名toggleClass : 自动判断当前 是否含有 这个类名 有删除 没有添加$("#playBtn").toggleClass(“playBtnShow”);动态修改当前 标签 图片路径var mybtn

2021-05-26 18:03:41 181

转载 微信小程序常用UI组件

1.WeUI--------------start 24.7kWeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。GitHub 地址:https://github.com/Tencent/weui效果:https://weui.io开发文档参考:https://github.com/Ten

2021-01-15 14:33:38 304

原创 转换时间格式(年月日时分秒)

/** * 格式化秒 * @param intvalue 总秒数 * @return string result 格式化后的字符串 */ function formatSeconds(value) { var theTime = parseInt(value);// 需要转换的时间秒 ...

2020-11-12 16:46:38 2039 3

原创 2020-11-10

随机数// let resArr = this.resArr// let outArr = resArr[Math.floor((Math.random() * resArr.length))]

2020-11-10 10:11:17 91

原创 时间戳转换成时间格式《年-月-日-时-分-秒》

《简单直接一点 直接贴代码,复制就能用 !》 lettime=newDate(value)//获取时间 console.log(time.getFullYear()+"-"+(time.getMonth()+1)+"-"+time.getDate(),"不知道是不是提前一个月") time.setMonth(time.getMonth()-1); letremindTime=time.getFullYe...

2020-10-30 11:29:59 963 1

原创 解决编辑下拉选 复现问题

解决编辑下拉选 复现问题方法一 </el-select> </el-form-item>car:[],let array = res.body;array.forEach(item => {this.car.push({value: item.id.toString(),//转字符串label: item.name,})});方法二

2020-10-09 17:20:56 274

空空如也

空空如也

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

TA关注的人

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