试图让你心动-CSDN博客

因项目内会话时间所用框架为layui 里面的laydate时间控件。当我选择了开始时间是8月15日结束时间8月15日之前就不可选。当我选择了结束时间是8月15日开始时间8月15日之后不可选。我所用的这个不是日期时间范围而是单独的日期+时间的控件。但是需要设置的是开始最大时间为结束时间的最小值。并且结束时间的时间点应该设置在23：59：59。结束最小时间为开始结束的最大值其余不能点击。具体的设置文档里面都有些。意思就是两个是单独的。

2023-08-22 14:15:13 908

原创如何使用h5-scan-qrcode插件实现一个h5页面扫码识别二维码功能

jsQR.js ---- 是这个插件所用的一个js可以在vue文件里面直接拿出来可以去官网看看（不想动手的麻烦踢踢后台的我给你们私发！scancode ---- html文件如何引入js。我做的比这个效果多一个拿取本地图库的二维码扫码。scancode.js---- 封装的js文件。jquery.js ----这就不用说了吧。这个是效果可以提前看一下~

2023-03-20 09:59:37 4432 8

原创如何使用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 1135

原创 select2如何使用？

由于服务器压力，如果数据多会造成服务器卡顿下拉搜索如何变成远程搜索来解决服务器压力这就可以使用select2。select2与一般的select的数据有差异，它需要特定的格式。

2023-03-06 17:35:09 385

原创如何设置css判断class元素数据为空的时候显示‘--’

empty是一个css的伪类选择器，用于选择页面中为空的元素,作用于该元素，使用 empty 配合 bofore 或者 after 可以打到空元素占位的效果，当后端数据返回接口里面为空要进行处理成‘–’empty_ph css样式。这样是最简单的办法了。

2023-01-13 11:43:29 727

原创 MVVM模式是什么？它的优点？它和mvc的区别？

随着业务逻辑的增加，controller的处理逻辑会变得越来越复杂，controller也就慢慢的变得越来越胖，这就造成了Controller逻辑复杂，难以维护。1、低耦合：视图（View）可以独立于 Model 变化和修改，一个 ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。mvc和mvvm其实区别并不大。3、独立开发：开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。

2022-11-18 14:41:26 422

原创如何使用iview的upload实现vue自定义上传做一个可复用页面

" > < / icon > 点此上传文件 < / div > < p class = "upload_field_big" > 文件大小不超过 upload封装

2022-10-12 11:24:40 689

原创使用this.$router.push传不同的id跳如当前的页面出现跳转之后页面不刷新问题

$router.push

2022-08-22 16:03:02 325

原创 Reflect基本使用和了解

Reflect是ES2015新推出的特性,虽然是大写开头,但就像Math一样,其内部的属性和方法都是静态的,不能使用new来创建实例. 它提供可拦截JavaScript操作的方法。方法与代理处理程序的方法相同。Reflect 不是一个函数对象，因此它是不可构造的。在之前添加一个键值对是obj[key]=value删除属性用的是delete操作符获取全部的key用的Object.keys()判断对象是否包含一个属性,用的又是in操作符出现Reflect之后let obj = {

2022-05-06 15:59:19 1076

原创 js/Jquery通过MutationObserver实现监听dom元素的属性变化用div简单实例

图片实例👆utationObserver可以用来监视 DOM 变动。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知，也就是说 DOM 发生变动就会触发回调函数，是异步触发，DOM 的变动并不会马上触发，而是要等到当前所有 DOM 操作都结束才触发。这样设计是为了应付 DOM 变动频繁的特点。举例来说，如果文档中连续插入1000个元素，就会连续触发1000个插入事件，执行每个事件的回调函数，这很可能造成浏览器的卡顿；而 Mutation Observer 完全.

2022-04-15 14:33:15 3258

原创当出现一个紧急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 487

原创时间戳---＜转换＞---时间须知

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 207

原创 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 887

原创 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 1921

原创对数组中每个对象中含有普通时间转换成标准时间进行排序[封装函数]

2022-01-10 19:30:00 220

原创计时器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 320

原创检测数组中对象有重复的名字的话在名字后面（1）随着num走

2021-12-24 10:00:00 222

原创 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 690

原创 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 727

原创 echarts地图如何实现散点并且散点颜色随着数据的变化而变化【visualMap散点颜色变化】

如图所示因为在上一篇说到咋们根据多个series让散点的判断值根据这个地图的series走来上代码！let visualMap = [ { //第一个series数据的散点颜色 right: "4%", bottom: "15%", show:true, type: 'piecewise', // text: ['占比'], icon:.

2021-11-22 14:18:04 5379

原创 echarts地图如何实现一个地图两个series [一个地图两个类型散点]

先看上图↑大家可以看到有两个类型的散点图！至于颜色的话下一篇再细说需要每个省份坐标（包括东莞），有需要的话可以私信小编免费提供哦！来来上代码series = [ { //第一个series数据可设置大小未设置 type: "scatter", //类型 coordinateSystem:'geo', data: convertData(this.chartData), //数据 .

2021-11-19 17:18:41 3275

原创深拷贝与浅拷贝的区别以及如何使用实现方案

话不多说，咋们先来谈谈它俩的区别????浅拷贝只是增加了一个指针指向已存在的内存地址，仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。深拷贝是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。浅拷贝的实现方案1.Object.assign() // 把任意多个源对象自身

2021-09-29 10:23:31 636

原创 js如何获取某个元素的滚动高度以及距离顶部的高度以及宽度

获取浏览器显示区域（可视区域）的高度： $(window).height(); 获取浏览器显示区域（可视区域）的宽度：$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度：$(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height();浏览器当前窗口文档body的宽度： $(document.body).width();获取

2021-09-16 13:58:47 2234

原创 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 1805

原创解决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 1875

原创如何实现series中label数字显示加图标显示呢？

以上就是我做出来得效果！！！要是想说功能怎么做的话可以私信小编哦！上代码???? label: { show: true, position: "outside", distance: 5, formatter: [ '{a|Top'+[k + 1]+'}', '{imagessck|}' ].join

2021-08-21 14:47:03 610

原创 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 508

原创 echarts 数据提示框滚动式显示隔几秒出现一次[可以看视频演示]

视频演示地址???????? 就是视频演示地址看看是不是你们想要的呀话不多说！来上代码 ???? // 自动播放阴影走动 clearInterval(mTimer); let than = this.chart; var app = { currentIndex: -1, }; let dataLen = 0; if (mixChartData.series[0].data.length > 0 &&a

2021-08-20 14:17:24 292

原创利用构造函数jq封装往页面添加提示语

以上就是样式来看js文件/* //显示loading和success弹窗示例//显示showSpring.shower(1,'复制成功')//显示复制成功showSpring.shower(2,'复制失败')//显示复制失败showSpring.shower(3,'注意不可复制')//显示注意不可复制showSpring.shower(4,'这是一条消息')//显示这是一条消息showSpring.shower(2,'复制成功',2000)//显示成功图片，延迟2秒自动关闭showS.

2021-08-12 13:45:03 251 1

原创利用构造函数写js往空页面添加两个切换弹窗页面[保存成功/保存中...]

1、什么是构造函数在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。构造函数首字母一般大写构造函数会有以下几个执行过程：(1) 当以 new 关键字调用时，会创建一个新的内存空间，标记为 Animal 的实例。(2)函数体内部的 this 指向该内存(3) 执行函数体内的代码通过上面的讲解，你就可以知道，给 this 添加属性，就相当于给实例添加属性。(4) 默认返回 this由于函数体内部的this指向新创建的内存空间，默认返回 this ，就相当于默认返回了

2021-08-10 10:20:41 247

原创 elementui中tree树形控件拖拽怎么用？参数代表什么？？

element-ui文档大家可以先去看看文档中简单用法 <el-tree :data="treeData" node-key="id" @node-drag-start="handleDragStart" @node-drag-leave="handleDragLeave" @node-drag-over="handleDragOver" @node-d

2021-08-09 10:35:01 2510 1

原创 vue.runtime.esm.js?Error in callback for watcher “value“: “Value should be trueValue or falseValue.

前端写项目的时候报这种错误怎么办这是由于vue中的数据是双向绑定的，所以当这个属性清除掉了之后找不到该属性了，但是该值必须要有一个默认值，但是清除掉了之后就没有默认值了，所以就报错了，这个细节需要注意一下就比如说 editformItem:{ CommonProblem:false, //启用 state:false, //通过 public_range:"", //可见范围

2021-08-06 15:30:04 2733

quagga文件 用于条形码的识别 以及上传图库识别

Video_2021-08-19_160742.mp4

空空如也

quagga文件用于条形码的识别以及上传图库识别