jquery
Khun_HWJ
这个作者很懒,什么都没留下…
展开
-
本地测试如何让token在有效内过期方法
本地测试如何让token过期方法原创 2023-02-01 17:52:54 · 1160 阅读 · 0 评论 -
(05)VUE/JS 保留小数方法合集 (保留两位为例)
(05)VUE/JS 保留小数方法合集 (保留两位为例)原创 2023-02-01 17:36:26 · 5321 阅读 · 0 评论 -
浏览器下载文件到本地
download() { const a = document.createElement('a') const url = 'http://39.105.206.34/file/statics/template/%E7%94%A8%E6%88%B7%E6%A8%A1%E6%9D%BF.xlsx' // 完整的url则直接使用 // 这里是将url转成blob地址, fetch(url).then(res => res.blob()).then(blob原创 2021-12-08 17:48:22 · 923 阅读 · 0 评论 -
多个数组合并为一个 指定元素 相同元素
durationbox 和 enablebox 两数组两个数组,如果id相同则合并到一起,id不一样则添加let list = durationbox.reduce((pre, cur) => { let target = pre.find(ee => ee.id == cur.id) if (target) { Object.assign(target, cur) } else { pre.push(cur) } return pre}, enablebox)co.原创 2021-09-08 10:52:45 · 290 阅读 · 0 评论 -
js数组对象相同项合并处理、数组对象指定对象字段排序
案例一var arr = [ {"id":"1","name":"张三","value":"1245"}, {"id":"1","name":"张三","value":"1360"}, {"id":"2","name":"李四","value":"1120"}, {"id":"2","name":"李四","value":"1362"}, {"id":"2","name":"李四","value":"1008"}, {"id":"3","name":"王五原创 2021-07-21 11:27:48 · 5403 阅读 · 2 评论 -
js实现数组内数据的上移和下移
方法一var swapItems = function(arr, index1, index2){ arr[index1] = arr.splice(index2,1,arr[index1])[0] return arr}var arr = [1,2,3]var newArr = []upData (arr, index) { if (this.arr.length > 1 && index !== 0) { newArr = swapItems(arr,原创 2021-07-21 11:19:08 · 1013 阅读 · 0 评论 -
Jquery object对象转换成json字符串
1.首先确定数据类型var jsonStr = '{"a": 1, "b": "string", "c": [1, "11"]}';console.log(typeof(jsonStr)); // string2.obj–>json字符串JSON.stringify(要转换的object对象)此方法返回的就是一个类似于 {“name”:“张三”,“age”:18} 这样的字符串3.json字符串–>jsonObjvar jsonObj = eval(jsonStr);v.原创 2021-07-21 11:02:23 · 3211 阅读 · 0 评论 -
解决cropperjs文件重复上传同一张照片没反应问题
$("#chooseImg").click(function(){ $(this).val("")})原创 2021-07-21 11:00:16 · 225 阅读 · 0 评论 -
ajax 上传文件 监听上传进度
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script> </head> <body>原创 2021-07-21 10:46:08 · 327 阅读 · 0 评论 -
js 获取视频文件时长
file为上传后的file类文件类型//获取视频时长function FileValue(file) { var url = URL.createObjectURL(file); $("#videoPlayer").prop("src", url); $("#videoPlayer")[0].addEventListener("loadedmetadata", function() { duration = parseInt(this.duration); //获取总时长 });}原创 2021-07-21 10:37:41 · 5047 阅读 · 0 评论 -
pc uni-app h5 中保存图片到本地 html2canvas.js插件
引用html2canvas.js插件js下载链接html<div class="sharePageBox" id="capture"> 这里的内容是需要绘制图片的内容 </div>js$(document).on('click', '.saveCardBtn', function() { takeScreenshot()});//保存图片到本地function takeScreenshot() { html2canvas(document.query原创 2021-07-21 10:28:20 · 549 阅读 · 0 评论 -
判断是否是qq 还是微信 移动端
//是否是微信浏览器isWeiXin: function() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { this.iswx = true; } else { this.iswx = false; }},isQQ: function() { var isIosQQ = (/(iPhone|iPad|iPod|iO原创 2021-07-21 10:19:30 · 529 阅读 · 0 评论 -
js获取当前时间 昨天 今天 一周 一个月 一季度
日期补零function Appendzero(obj) { if (obj < 10) return "0" + obj; else return obj;}昨日var day1 = new Date();day1.setTime(day1.getTime() - 24 * 60 * 60 * 1000);var yesterday = Appendzero(day1.getFullYear()) + "-" + Appendzero((day1.getMonth() + 1))原创 2021-07-21 10:15:00 · 179 阅读 · 0 评论 -
子页面iframe 操作父页面的元素
如图:需求:当在子iframe中增删改的操作时,父页面的导航栏要实时变化。父页面的导航栏通过请求接口 来layui的模板引擎动态渲染的父页面的动态模板 ↓ ↓ ↓父页面装载的 ↓ ↓ ↓一般情况下的js 模板引擎用法但这里是子页面的操作来改变父页面的内容所以需要找到父页面的相关元素所以 由[data-role="nav"]变为 $("[data-role='nav']", window.parent.document)#navigation变为 $("#navigatio原创 2021-07-20 15:12:07 · 627 阅读 · 0 评论 -
前端根据地址栏 生成二维码
文档参考https://juejin.cn/post/6844903719255932936一、引用js<script src="/web/js/qrcode.js"></script>JS文件下载 提取码:g2k9<div class="inviteQrcode" id="qrcode" />setTimeout(() => { //二维码 var qrcode = new QRCode(document.getElementById('qr原创 2021-06-30 16:39:37 · 262 阅读 · 0 评论 -
JQUERY动态生成当前年份的前后一年
var getyear = new Date.getFullYear();//当前年var scanyear = inputisbns.substring(0,4);//订单号的年if(Math.abs(getyear - scanyear) < 2){ //当前年的前后一年 console.log('是订单号'); $('[data-role="noaddLayer"] [name="trade_nos"]').val(inputisbns);}...原创 2021-06-29 11:28:11 · 451 阅读 · 0 评论 -
php把网络图片转Base64编码。(php将图片链接直接转化为base64编码)
/** 把网络图片图片转成base64 * @param string $img 图片地址 * @return string *//*网络图片转为base64编码*/public function imgtobase64($img='', $imgHtmlCode=true){ $imageInfo = getimagesize($img); $base64 = "" . chunk_split(base64_encode(file_get_contents($img)));原创 2021-06-29 11:21:14 · 1127 阅读 · 0 评论 -
uniapp h5 裁剪图片 插件
html<view @click="chooseImage"> <image :src="cover" /></image></view><kps-image-cutter @ok="onok" @cancel="oncancle" :url="editImgUrl" :fixed="true" :width="350" :height="220"></kps-image-cutter>插件下载 提取码:j097sc原创 2021-06-29 11:06:30 · 631 阅读 · 2 评论 -
uniapp h5 上传视频 获取视频的第一帧作为封面图
1:创建video获取视频(上传或者网络视频)var video = document.createElement("VIDEO");2:指定video截取当前帧数video.currentTime = 5; //必须设置视频当前时长,要不然会黑屏3:创建canvas画布var canvas = document.createElement('canvas');4:视频加载完毕,截取视频帧数,绘画视频封面// 图片绘制video.onloadeddata = (() => {原创 2021-06-29 10:52:38 · 7240 阅读 · 5 评论 -
uniapp jquery base64转blob二进制文件流、 方法【强推】
一、base64转blob二进制文件流blob二进制文件流格式:blob: 开头的地址parseBlob:function(base64) { var arr = base64.split(','); var mime = arr[0].match(/:(.*?);/)[1]; var bstr = atob(arr[1]); var n = bstr.length; var u8arr = new Uint8Array(n); for(var i = 0; i < n; i++) {原创 2021-06-29 10:41:24 · 5571 阅读 · 1 评论 -
2021-05-08
原创 2021-05-08 11:45:42 · 84 阅读 · 0 评论 -
后台给的文件流GET请求并添加请求头下载文件 【文件流下载 添加请求头 GET请求 下载文件】
方法一const token= window.sessionStorage.getItem('access_token');//如果有function downLoadByUrl(url){ var xhr = new XMLHttpRequest(); //GET请求,请求路径url,async(是否异步) xhr.open('GET', url, true); //设置请求头参数的方式,如果没有可忽略此行代码 xhr.原创 2021-04-02 11:47:07 · 1909 阅读 · 0 评论 -
js 在指定字符串中查找替换指定多个字符进行替换 replace 循环 数组循环替换 Vue用replace修改数组中对象的键值或者字段名
Vue用replace修改数组中对象的键值或者字段名原创 2021-03-17 11:47:49 · 3252 阅读 · 0 评论 -
jquery localStorage sessionStorage中存储对象数组
由于localStorage中只能存储字符串,所以存储对象数组,必须先转成字符串再存储var userEntity = { name: 'tom', age: 22};将对象转换为Json字符串var newdata = localStorage.setItem('user', JSON.stringify(userEntity));再将localStorage中的字符串转成对象数组var tmp_pList = JSON.parse(newdata);取值时:把获取到的原创 2021-02-01 10:19:55 · 571 阅读 · 0 评论 -
jquery base64格式转图片 【亲测有效!!】
base64格式转图片<img src="'data:image/jpg;base64,'+ base64地址" alt="">如果是转为jpg 只需要在 src 前缀加上 data:image/jpg;base64,如果是转为png 只需要在 src 前缀加上 data:image/png;base64,如果是转为jpeg 只需要在 src 前缀加上 data:image/jpeg;base64,注意:要加 , 逗号的!!!...原创 2020-12-10 14:09:23 · 2520 阅读 · 0 评论 -
数组中字符串数据push相同的数据去重 $.unique()
修改前 同一个会重复push修改后 同一个就只会添加一次 不会重复修改如下: $.unique(videobox);var videobox = [];videobox.push(itemid);$.unique(videobox);此时得到的 videobox 就是非重复的数组数据了原创 2020-12-09 10:24:00 · 980 阅读 · 0 评论 -
jquery 百度地图 搜索选址获取经纬度 点击任意点获取经纬度
第一步:加载地图的 js 和 jquery 文件<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=后台生成的码"></script><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>第二步:html<div class="layui-for.原创 2020-12-09 10:09:22 · 999 阅读 · 0 评论 -
jquery 扫码枪执行操作事件代码 最简代码【亲测有效!!!】
第一步:获取input框id,并聚焦var myInputISBN = document.getElementById('code_new');$('[name=stock_unique_id]').focus();第二步:开始扫码,要操作的内容写在文字提示那//书本编码扫码var lastTime = null;myInputISBN.onkeydown = function (e) { let keycode = e.keyCode || e.which || e.charCode;原创 2020-12-09 09:52:34 · 1751 阅读 · 1 评论 -
点击按钮删除指定对应的数组对象数据
$(document).on('click', '[data-role="tabledel"]', function() { var stockuniqueid = $(this).attr('data-stockuniqueid'); //删除对应数据 for (var i = 0; i < checkbox.length; i++) { if (checkbox[i]['stock'].stock_unique_id === stockuniqueid) { checkbox.sp原创 2020-12-09 09:47:25 · 626 阅读 · 0 评论 -
数组里的多个对象数据去重
类似于这样的数组对象数据中有重复的就需要去重这里设定的数组去重是checkbox方法一:循环数组 splice删除for (var i = 0; i < checkbox.length; i++) { //checkbox数组中对象去重 for (var j = i + 1; j < checkbox.length; j++) { if (checkbox[i]['stock'].stock_unique_id === checkbox[j]['stock'].stock_uniq.原创 2020-12-09 09:45:47 · 439 阅读 · 0 评论 -
layui 模板数据里面判断一个对象是否为空 js/jquery判断一个对象是否为空对象
{{# if( Object.keys(item.user_breakage).length == 0 ){ }} <td>无</td> {{# }else{ }} <td>存在<button type="button" class="layui-btn layui-btn-sm">查看</button></td> {{# } }}https://www.原创 2020-11-17 09:51:08 · 2087 阅读 · 0 评论 -
时间戳 2020-09-21转Tue Sep 29 2020 08:00:00 GMT+0800 (中国标准时间)
2020-09-21转Tue Sep 29 2020 08:00:00 GMT+0800 (中国标准时间)function formatterDate (date) { let result = new Date(date); return result;}时间差 Tue Sep 29 2020 08:00:00 GMT+0800 (中国标准时间)转 天数function getTime(starttime,endtime){ var dateDiff = endtime.get原创 2020-09-29 10:05:06 · 2956 阅读 · 0 评论 -
jquery 点击按钮复制文本内容(亲测有效)
function copyText(text) { var oInput = document.createElement('input'); oInput.value = text; document.body.appendChild(oInput); oInput.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 oInput.className = 'oInput'; oInput.style.display='no原创 2020-09-10 14:06:12 · 2421 阅读 · 0 评论 -
主动触发事件 自定义事件 trigger 及其用法
2.1 默认支持的事件$('#h').on('click',function(){ $(this).append('<p>p</p>')}) $('#h').trigger('click'); $('#h').click();原创 2020-09-07 11:17:07 · 209 阅读 · 0 评论 -
屏蔽input默认的回车事件/取消回车自动提交表单
方法一: 在 form 标签上添加 ‘onkeypress’<form onkeypress="return event.keyCode != 13;">方法二: JQuery 统一处理$(document).on("keypress", "form", function(event) { return event.keyCode != 13;});方法三: JavaScript 统一处理killDefault(event){ var evt = window.eve原创 2020-09-07 11:12:56 · 1438 阅读 · 0 评论 -
条码枪扫码后input会自动提交 (亲测有效)可以区分手动输入与条码枪扫码
var lastTime = null, nextTime = null, codess = ''; //条码枪扫码var myInputOrder = document.getElementById('code_new');myInputOrder.onkeydown = function (e) { let keycode = e.keyCode || e.which || e.charCode; nextTime = new Date(); if (keycode === 13) {原创 2020-09-04 10:51:05 · 2913 阅读 · 0 评论 -
Lodopfuncs.js 网页打印操作
第一步:在官网下载打印控件 下载打印控件第二步:打开压缩文件,将这四个文件放到你的项目公共库中,其中压缩包中有很多示例可根据操作来这里我用到的是固定大小的网页打印写一个打印的静态html文件,如果数据需要后台生成,将网页布局写好,给后台生成一个网址,然后放到对应的js中。1、引用静态文件:2、引用实例中的方法函数,这里的方法会判断是否已安装打印控件,都会有相应的提示的 ,根据提示来就好了。这里重点语句是 LODOP.ADD_PRINT_URL(0, 0, "100%", "100%", b原创 2020-09-04 10:47:09 · 1174 阅读 · 0 评论 -
layui table表格批量删除
//批量删除$(document).on('click', '[data-role="batchdelbtn"]', function() { var checkbox = []; $("[name=selectbooks]:checkbox").each(function(i) { if ($(this).prop("checked") == true) { checkbox.push($(this).val()); //获取值 } }) if (checkbox == '') .原创 2020-09-04 10:32:18 · 485 阅读 · 0 评论 -
layui checkbox 全选与不全选
<form class="layui-form inline-form"> <input type="checkbox" name="all" title="全选" lay-skin="primary" lay-filter="checkboxall"> <button type="button" class="layui-btn layui-btn-sm fontColorbgF65" title="批量删除" data-role="batchdelbtn">&l.原创 2020-09-04 10:30:50 · 702 阅读 · 0 评论 -
input 年龄范围校验,最小年纪与最大年纪
//年龄范围失去焦点校验$('[name="min_suitable_age"]').blur(function() { var vl = this.value; var max = $('[name="max_suitable_age"]').val(); if (max) { if (vl > max) { layer.msg('不得大于最大年纪'); $(this).val(""); return; } }});$('[name="max_suitab.原创 2020-09-04 10:26:52 · 978 阅读 · 0 评论