- 博客(21)
- 收藏
- 关注
原创 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
原创 前端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关注的人