- 博客(83)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 如何实现app或者h5签名功能呢~~
当我们在实现一个工单 工单如果是支持签名 那该如何实现呢 在最近使用vue3里面怎么写呢 原生怎么写呢。首先需要在index.html 就是打包文件之前中引入js。具体效果就是上面的两张图片 第一张图片是初始化状态。可以从该网站看 如果不知道可以后台私信小编。签完名 可以查看签完名的图片。具体在vue3中怎么实现呢。以上就是vue3的写法。
2025-03-04 16:10:43
176
原创 你在什么场景下用过promise async await
Promise表示一个一步操作，每当我们new一个Promise的实例，这个实例就代表具体的 异步 操作。是因为我在最后提交按钮的时候 我要去判断必填 判断完成必填之后我得判断验证码和手机号是不是一直的 所以得请求一个判断验证码的接口 但是这个呢要等到必填完成之后 去判断接口 判断完之后再去调请求的接口 有的同学可能直接加个延迟 去等这个接口的返回 那么肯定是不正确的因为你你也不确定这个接口是多久才能返回所以当时想到了用promise。我为什么会用到promise 在这个页面上。
2024-12-14 09:45:29
249
原创 解构赋值的理解
解构赋值就是允许你从数组或对象中提取值，并将这些值直接赋给一个或多个变量。这种语法使得从复杂数据结构中提取数据变得更加简洁和灵活，提高了代码的可读性和可维护性。
2024-08-29 14:49:47
457
原创 js中match方法是什么 常用在哪？和谁一起用更快速简洁
数组的第一个元素是匹配文本本身，其余元素是与正则表达式中的捕获组匹配的文本。请在这里看 输入框输入23.2的时候没有打印 当输入23.24的时候打印出来的是一个数组 按照上述所说第一个是元素本身index表示匹配文本在字符串中的起始位置，input表示对原始字符串的引用 是不是就是 当我打印出来有东西的时候让input的数据一直等于第一个参数 就是元素的本身就好了。match方法是JavaScript中字符串对象的一个方法，用于在字符串中查找与正则表达式匹配的内容，并将匹配项作为数组返回。
2024-08-29 14:41:05
608
原创 使用原生input+vant的弹框组件做一个可复用的下拉组件[vue3]
【代码】使用原生input+vant的弹框组件做一个可复用的下拉组件[vue3]
2024-08-15 12:00:21
168
原创 使用vant-ui+vue3实现一个可复用的评星组件
如图所示 有两种情况 一种是5颗星 一种是3颗星。在全局注册了此组件(后续还会持续更新代码~)官网上只提供了图标类型的 并没有加文字。使用vant-ui+vue3实现一个可复用的评星组件
2024-05-11 11:49:39
485
原创 使用vue3以及原生input实现一个可复用的组件(包括各种数组类型，手机号类型，小数类型)
使用vue3以及原生input实现一个可复用的组件(包括各种数组类型，手机号类型，小数类型)
2024-05-11 11:40:27
393
1
原创 【进阶版】书接上回，识别二维码以及条形码/上传图库识别二维码条形码
【代码】【进阶版】书接上回，识别二维码以及条形码/上传图库识别二维码条形码。
2024-04-03 10:47:05
896
1
原创 jquery实现单独使用laydate时间控件设置开始时间，结束时间最大最小值以及设置默认时分秒
因项目内 会话时间所用框架为layui 里面的laydate时间控件。当我选择了开始时间是8月15日 结束时间8月15日之前就不可选。当我选择了结束时间是8月15日 开始时间8月15日之后不可选。我所用的这个不是日期时间范围 而是单独的日期+时间的控件。但是需要设置的是 开始最大 时间为结束时间的最小值。并且结束时间的时间点应该设置在23：59：59。结束最小时间为开始结束的最大值 其余不能点击。具体的设置文档里面都有些。意思就是两个是单独的。
2023-08-22 14:15:13
1128
原创 如何使用h5-scan-qrcode插件实现一个h5页面扫码识别二维码功能
jsQR.js ---- 是这个插件所用的一个js可以在vue文件里面直接拿出来 可以去官网看看（不想动手的 麻烦踢踢后台的我 给你们私发！scancode ---- html文件 如何引入js。我做的比这个效果多一个拿取本地图库的二维码扫码。scancode.js---- 封装的js文件。jquery.js ----这就不用说了吧。这个是效果 可以提前看一下~
2023-03-20 09:59:37
8612
9
原创 如何使用jq实现bootstrapTable以及使用其他搜索框控制bootstrapTable中的搜索
如上图 点击查询 需要在 bootstrap-table.js中新写入的自定义搜索方法 如果不想用自带的搜索 可以点击按钮触发将搜索字段改为新写的搜索框内容。官网链接：https://f4nniu.gitee.io/bootstrap-table-home/zh-cn/getting-started/先找到js文件里面的resetSearch 方法 在下面写入新方法。
2023-03-06 17:55:54
1382
原创 select2如何使用？
由于服务器压力，如果数据多 会造成服务器卡顿 下拉搜索如何变成远程搜索来解决服务器压力 这就可以使用select2。select2与一般的select的数据有差异，它需要特定的格式。
2023-03-06 17:35:09
563
原创 如何设置css判断class元素数据为空的时候显示‘--’
empty是一个css的伪类选择器，用于选择页面中为空的元素,作用于该元素，使用 empty 配合 bofore 或者 after 可以打到空元素占位的效果，当后端数据返回接口里面为空 要进行处理成‘–’empty_ph css样式。这样是最简单的办法了。
2023-01-13 11:43:29
954
原创 MVVM模式是什么？ 它的优点？它和mvc的区别？
随着业务逻辑的增加，controller的处理逻辑会变得越来越复杂，controller也就慢慢的变得越来越胖，这就造成了Controller逻辑复杂，难以维护。1、低耦合：视图（View）可以独立于 Model 变化和修改，一个 ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。mvc和mvvm其实区别并不大。3、独立开发：开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。
2022-11-18 14:41:26
499
原创 如何使用iview的upload实现vue自定义上传做一个可复用页面
" > < / icon > 点此上传文件 < / div > < p class = "upload_field_big" > 文件大小不超过 upload封装
2022-10-12 11:24:40
812
原创 Reflect基本使用和了解
Reflect是ES2015新推出的特性,虽然是大写开头,但就像Math一样,其内部的属性和方法都是静态的,不能使用new来创建实例. 它提供可拦截JavaScript操作的方法。方法与代理处理程序的方法相同。Reflect 不是一个函数对象，因此它是不可构造的。在之前添加一个键值对是obj[key]=value删除属性用的是delete操作符获取全部的key用的Object.keys()判断对象是否包含一个属性,用的又是in操作符出现Reflect之后let obj = {
2022-05-06 15:59:19
1170
原创 js/Jquery通过MutationObserver实现监听dom元素的属性变化 用div简单实例
图片实例👆utationObserver可以用来监视 DOM 变动。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知，也就是说 DOM 发生变动就会触发回调函数，是异步触发，DOM 的变动并不会马上触发，而是要等到当前所有 DOM 操作都结束才触发。这样设计是为了应付 DOM 变动频繁的特点。举例来说，如果文档中连续插入1000个元素，就会连续触发1000个插入事件，执行每个事件的回调函数，这很可能造成浏览器的卡顿；而 Mutation Observer 完全.
2022-04-15 14:33:15
3812
原创 当出现一个紧急bug需要修复 但是正好你还在开发一个项目这个时候如何保存写下来的内容呢使用git stash
当正在dev分支上开发某个项目，这时项目中出现一个bug，需要紧急修复，但是正在开发的内容只是完成一半，还不想提交，这时可以用git stash命令将修改的内容保存至堆栈区，然后顺利切换到hotfix分支进行bug修复，修复完成后，再次切回到dev分支，从堆栈中恢复刚刚保存的内容使用，命令行 git stash 能够将所有未提交的修改（工作区和暂存区）保存至堆栈中，用于后续恢复当前工作目录。git stash save 可以家注释git stash list 查看堆栈中所有保存的 每一项git
2022-04-15 14:20:10
557
原创 时间戳---＜转换＞---时间 须知
dateFormatTime(v) { const dt = new Date(v); // 年份 const y = dt.getFullYear(); // 月份是从0开始的所以这儿加1，后面不足两位就补0，所以把前面加上引号变成字符串才可以补足 // padStart(2,'0'),第一位总长度多少位，第二个不足多少位用这个字符来填充 const m = (dt.getMonth() + 1 + '').padStart(2, '0'); ...
2022-03-11 10:30:00
259
原创 js基础学习知识(持续更新)
1.数据类型基本数据类型(string,undefined,null,Boolean,Number)复杂数据类型(Object)2.typeof操作符 不是函数区分函数和其他对象3.一元操作符只能操作一个值递增var age=25; ++25和 递减var age=25; --254.do-while语句后测试循环御酒 只有在循环体中的代码执行之后 才会测试出口条件var i = 0; do{ i+=2 }while(i&
2022-03-09 17:33:53
947
原创 scss混合(mixins)使用 公共样式使用
1、创建mixins.scss文件//文本n行溢出隐藏@mixin ellipsisBasic($clamp:2) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: $clamp;}以上代码中，$clamp是变量，决定最多显示几行文本，默认是显示2行，调用的时候可自行传参设置。2、在组件中使用
2022-03-09 17:17:32
2131
原创 对数组中每个对象中含有普通时间转换成标准时间进行排序[封装函数]
var arr = [ {name:'one',times:'2022-01-02 12:22:13'}, {name:'two',times:'2022-01-03 12:22:13'}, {name:'three',times:'2022-01-02 15:21:13'}] // 正序 传入排序的参数 以及是否是标准时间 let date; for(var i=0; i<arr.length; i++){ da
2022-01-10 19:30:00
246
原创 计时器settimeout 转时间 去进行排序[正序/倒序]
模拟一个数组包对象 var arr = [ {name:'one',times:'00:10:00'}, {name:'two',times:'00:11:12'}, {name:'three',times:'00:05:45'}] //错误写法 直接排序的话是实现不了的 arr.sort(function(a,b){ return b.times - a.times })
2022-01-10 14:05:03
389
原创 检测数组中对象有重复的名字的话 在名字后面（1） 随着num走
<script> var a = [{name:'叙利亚'},{name:'太极'},{name:'叙利亚'},{name:'太极'},{name:'叙利亚'}] console.log(a) function unique(arr){ arr.forEach(item => { item.num = 0 }); for (var i =
2021-12-24 10:00:00
266
原创 js下载excel创建一个a标签
var a = document.createElement('a'); // 获取文件名fileName a.download = this.chartTitle+'.xlsx'; //文件名加类型 a.href = process.env.VUE_APP_BASE_PROXY+response.path; //下载地址 document.body.appendChild(a); a.click();
2021-12-23 14:59:41
743
原创 vue中的混入mixins: [mixin]如何使用呢
怎么使用创建一个rollperiod js文件// 定义一个混入对象export default { created: function () { // }, methods: { 可以写任何一个方法定义 rollperiod(than,app,dataLen,conf){ } }}在需要的页面中引入import rollperiod from "./mixins/rollperiod";引入这个js文件在expor
2021-12-10 17:21:00
779
原创 echarts地图如何实现散点并且散点颜色随着数据的变化而变化【visualMap散点颜色变化】
如图所示因为在上一篇说到咋们根据多个series让散点的判断值根据这个地图的series走来上代码！let visualMap = [ { //第一个series数据的散点颜色 right: "4%", bottom: "15%", show:true, type: 'piecewise', // text: ['占比'], icon:.
2021-11-22 14:18:04
5775
原创 echarts地图如何实现一个地图两个series [一个地图两个类型散点]
先看上图↑大家可以看到有两个类型的散点图！至于 颜色的话下一篇再细说需要每个省份坐标（包括东莞），有需要的话可以私信小编 免费提供哦！来来上代码series = [ { //第一个series数据 可设置大小 未设置 type: "scatter", //类型 coordinateSystem:'geo', data: convertData(this.chartData), //数据 .
2021-11-19 17:18:41
3542
原创 深拷贝与浅拷贝的区别以及如何使用实现方案
话不多说，咋们先来谈谈它俩的区别????浅拷贝只是增加了一个指针指向已存在的内存地址，仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。深拷贝是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。浅拷贝的实现方案1.Object.assign() // 把任意多个源对象自身
2021-09-29 10:23:31
677
原创 js如何获取某个元素的滚动高度以及距离顶部的高度以及宽度
获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ：$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 ：$(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height();浏览器当前窗口文档body的宽度： $(document.body).width();获取
2021-09-16 13:58:47
2361
原创 document.getElementById()获取值打印为null？解决问题
js文件在head标签里或者在div上面的位置时获取不到id的内容，这是由于加载顺序问题，html文档是从上往下加载，而不会全部加载后再执行js代码，因此导致get不到节点的信息解决方案1.在body标签下引入js文件2.将js代码加一个onload函数????1.在body标签下引入js文件 window.onload = function(){ var showid = document.getElementById("span"); console.log(showid)
2021-09-15 16:33:56
2154
原创 解决echarts中地图出现重叠问题在钻取的时候 或者写地图的时候
在使用Echarts开发项目时，经常会遇到地图组件的开发 遇到的问题也很多geo: { backgroundColor:'#232e67', map: 'china', roam: true,},series: [ { backgroundColor:'#232e67', name: '用户分布', type: 'map', mapType: 'china', data: [] }]比如说同时设置两个属性 一个是geo 一个是series两个都是map该
2021-09-02 15:33:40
2154
原创 如何实现series中label数字显示加图标显示呢？
以上就是我做出来得效果！！！要是想说功能怎么做的话 可以私信小编哦！上代码???? label: { show: true, position: "outside", distance: 5, formatter: [ '{a|Top'+[k + 1]+'}', '{imagessck|}' ].join
2021-08-21 14:47:03
715
原创 echarts:基于上一篇我来给大家讲讲 如果你设置了自动播放但是鼠标放上去不生效 停留时间很短 应该怎么做呢？？？
视频就不给大家演示了 大家看上一篇????来 上代码 clearInterval(mTimer); let than = this.chart; var app = { currentIndex: -1, }; let dataLen = 0; if (mixChartData.series[0].data.length > 0 && typeof mixChartData.series[0].dat
2021-08-20 14:23:44
581
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人