自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS TcPlayer 自动播放视频列表中处于屏幕中央的视频

使用JS和TcPlayer,设计自动播放视频列表中处于屏幕中央视频的解决方案。

2022-07-22 16:29:18 1030

原创 luckysheet 初始化渲染问题

excel老折磨了,好不容易找到个看起来挺好用的开源插件,结果BUG也还挺多……luckysheet的初始化渲染,往data里面填值后,他只拿data的v(真实值),不拿data的m(显示值)来渲染,这就造成了比如我做了个显示值为“名字”,真实值为"name"的单元格,然后利用初始化方法luckysheet.create(option)传进的option.data中来进行初始化渲染时,所有单元格都只会渲染真实值。翻看源码m直接取了value,value是处理过的v所以可以这么做1、上送接口存的时候

2022-04-18 15:43:44 4844 1

原创 element自定义校验

<el-form ref="formData" :rules="rules"> <el-form-item label="非自定义校验:" prop="testNormal"> <!-- 随便是啥都行 -- > </el-form-item> <el-form-item label="自定义校验:" prop="testField"> <!-- 随便是啥都行 -- > </el-form-item><

2022-03-22 15:58:27 967

原创 JS监听安卓软键盘删除键

web前端开发去整移动端页面真实老折磨了@input反正不论是什么dom肯定都能触发的,那就在input的回调里面看输入类型这次需求要做光标定位,得上selection和range那一套所以用的是div,但是input也是OK的然后这个东西好就好在IOS也是兼容的<div type="text" @input="onInput" contenteditable="true"></div>onInput(event) { if(event.inputType == 'de

2022-01-19 16:14:31 3194

原创 van-swipe停止自动播放

官网上的autoplay属性只说明是自动播放属性,没有说明如何关闭自动播放,试了下输0发现停止了,有点不放心就去翻了下源码watch( () => props.autoplay, (value) => { if (value > 0) { autoplay(); } else { stopAutoplay(); } });可以看到当autoplay为0的时候是停止自动播放,且autoplay: { type: [Nu

2021-11-09 16:39:41 1936

原创 枚举两个日期间的月份(YYYYMM)

changeDate(val) { //val: 2021-01,2022-08 let [startDate, endDate] = val let [startYear, startMonth] = startDate.split('-') const result = new Array() while (true) { if(startDate == endDate){ result.push(endDate.split('-').join(''

2021-10-21 14:33:03 175

原创 自定义双小数输入框关联校验

<template> <el-form-item :label="data.controlname"> <el-form :model="model[data.id]" :ref="data.id"> <el-form-item class="Nrowtd w85 blank_formItem" prop="rangemin" :rules="[ {

2021-09-24 09:30:26 90

原创 element-ui的v-loading不生效

按照官方文档引入Loading后,全局引入位置加Vue.use(Loading.directive);

2021-08-25 14:06:07 9506 2

原创 百度地图API自定义覆盖物渲染

记一下自定义覆盖物渲染代码,部分代码是抄官方demo的作业/** * 环境 vue2.x + webpack*/// 先整个js类,继承百度MAP的Overlayexport default class CustomizedOverlay extends BMap.Overlay{ constructor(point, self, data) { super(); this._point = point; this._self = self;

2021-07-26 11:11:48 823 2

原创 百度地图API的图层zIndex问题

使用百度地图API整多覆盖物渲染的时候,老是会出现”A覆盖物遮住了B覆盖物导致无法触发A覆盖物的点击事件”这样的问题。高德地图里面几乎都有setZIndex这样的方法供开发者设置覆盖物图层,百度地图API里面只有TileLayerOptions、CanvasLayerOptions、Label和Marker有。那么其他的覆盖物要怎么设置层级呢?答案是先绘制的在下面,后绘制的在上面this.map.addOverlay(circle);this.map.addOverlay(marker);this.

2021-07-26 10:46:36 4394 5

原创 window.print 长页面打印

原生js老折磨王了let currentPage = window.document.body.innerHTML;let printHTML= document.getElementById("main").innerHTML;window.document.body.innerHTML = printHTML;// 这里可设置点css来排版window.print();// 打印完毕 记得还原csswindow.document.body.innerHTML = currentPage;

2021-06-02 17:29:54 689 3

原创 vue组件递归调用时使用按需加载避免name重复问题

vue组件递归调用时使用按需加载避免name重复问题

2021-04-12 17:39:46 572

原创 vant vant-button的native-type=“button“情况下手动验证子组件的表单

因需求需要在pop的弹层中点击确定后再进行验证并通讯,所以vant-button使用了native-type属性去除了自动后处理,此时就需要手动校验了。rules还是该怎么塞就怎么塞。对于多层级子组件,可以直接通过ref定义到子组件form进行验证。需注意的是vant的验证方式和element的验证有些许不同,如果按照elementUI的validate去写的话,会直接报错进catch。// 在vant中这样写校验的话,无论校验是否通过都会直接报错进catch。this.$refs['child']

2021-03-19 16:55:08 4044

原创 vant steps流程图的图标使用slot自定义

vant官方文档上没给step的slot咋用,翻了下源码后发现他们的测试用Demovue 2.6以上时,支持具名插槽写法,此时可<!-- <template #finish-icon> --><step> <template v-slot:inactive-icon>Custim Inactive Icon</template> A</step><step> <template v-slot:activ

2021-03-19 16:30:46 5444 4

空空如也

空空如也

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

TA关注的人

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