随笔分类 -  WEB - JS

摘要:1、数组元素量级大而合并次数少时,性能对比: concat() > push() > […array1,…array2] 2、数组元素少但合并次数多时,性能对比: push() > concat() > […array1,…array2] 参考资料:http://www.seozhijia.net/ 阅读全文
posted @ 2024-01-08 17:55 醒日是归时 阅读(242) 评论(0) 推荐(0)
摘要:import QRCode from 'qrcode'; QRCode.toDataURL(res.data.qrcodeUrl, { margin: 2, type: 'image/jpeg', quality: 0.3 }, (error, url) => { if (error) consol 阅读全文
posted @ 2024-01-05 10:31 醒日是归时 阅读(16) 评论(0) 推荐(0)
摘要:方法一: cloneDeep import { cloneDeep } from 'lodash-es' // 直接使用 const items = cloneDeep(multipleSelection) 方法二: ​通过JSON.parse(JSON.stringify(obj)) 优缺点 满足 阅读全文
posted @ 2023-12-12 11:07 醒日是归时 阅读(764) 评论(0) 推荐(0)
摘要:在 JavaScript 中,你可以使用不同的方法来确保一个方法在另一个方法之前执行。以下是一些常见的方法: 使用回调函数: 你可以在一个方法中定义一个回调函数,然后在另一个方法中调用这个回调函数,以确保它们的执行顺序。 function firstMethod(callback) { // 执行第 阅读全文
posted @ 2023-11-24 14:16 醒日是归时
摘要:<el-upload class="upload-demo" :action="''" :show-file-list="false" :auto-upload="false" :before-upload="beforeUpload" :on-success="handleSuccess" :on 阅读全文
posted @ 2023-11-14 16:28 醒日是归时 阅读(498) 评论(0) 推荐(0)
摘要:before-upload data(){ return { ... //判断是否需要做文件检查 checkFileFormat:false } }, beforeUpload(rawFile) { this.loading = true; ... 检查文件格式 检查文件大小 ... if (thi 阅读全文
posted @ 2023-10-09 16:31 醒日是归时 阅读(367) 评论(0) 推荐(0)
摘要:1 formatTreeData(checkNodes){ 2 var map = {}, 3 targetData = []; 4 checkNodes.forEach(item => { 5 if (!map[item.groupKey]) { 6 targetData.push({ 7 val 阅读全文
posted @ 2023-04-15 11:42 醒日是归时 阅读(55) 评论(0) 推荐(0)
摘要:输入一个表示文件大小的数字,自适应转换到KB,MB,GB 方法一:bytes自适应转换到KB,MB,GB /// <summary> /// 格式化文件大小的JS方法 /// </summary> /// <param name="filesize">文件的大小,传入的是一个bytes为单位的参数< 阅读全文
posted @ 2021-10-26 10:48 醒日是归时 阅读(1425) 评论(0) 推荐(0)
摘要:在项目中遇到了需要使用字符串进行正则匹配,同时还要忽略大小写可以按照以下方法:1 先使用new RegExp(newVal, ‘i’)生成需要匹配的规则,其中 ‘i’ 表示忽略大小写2 再对相应的字符串进行匹配 string.search(new RegExp(newVal, 'i')) !== - 阅读全文
posted @ 2021-02-24 12:00 醒日是归时 阅读(4499) 评论(0) 推荐(0)
摘要:$(document).on('click', function (e) { $('[data-toggle="popover"],[data-original-title]').each(function () { //the 'is' for buttons that trigger popup 阅读全文
posted @ 2021-02-18 11:41 醒日是归时 阅读(2247) 评论(0) 推荐(0)
摘要:jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元 阅读全文
posted @ 2021-02-09 14:06 醒日是归时
摘要:在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的,我们下面就为各位来详细的介绍此问题的解决办法. 比如做一个ajax读取留言列表的时候,每条留言后面有个回复按钮,class为“reply”,如果你用的是$(".reply").click(function(){ //do some 阅读全文
posted @ 2021-02-09 14:03 醒日是归时 阅读(282) 评论(0) 推荐(0)
摘要:select2的搜索框不能输入内容 原因:原来是模态对话框强制使自己处于焦点状态,导致select2的搜索框无法获取焦点所致。 解决办法:在初始化中重写模态对话框的enforceFocus函数 $.fn.modal.Constructor.prototype.enforceFocus = funct 阅读全文
posted @ 2021-02-05 12:01 醒日是归时 阅读(496) 评论(0) 推荐(0)
摘要:项目中出现的情况,使用bootstrap table框架,使用搜索功能的是后查询的结果不是从第一也开始,有时候点击搜索第一次查不出来结果,点击第二次结果才出现。 解决方法: $("#btn_query").click(function () { $('#table').bootstrapTable( 阅读全文
posted @ 2021-02-04 11:26 醒日是归时 阅读(147) 评论(0) 推荐(0)
摘要:/** *字符串转json * */ static stringToJson(data){ return JSON.parse(data); } /** *json转字符串 */ static jsonToString(data){ return JSON.stringify(data); } /* 阅读全文
posted @ 2021-01-04 11:50 醒日是归时 阅读(183) 评论(0) 推荐(0)
摘要:在使用echarts柱状图时,如果数据过多,图的显示不会那么直观,有的横坐标会被隐藏,如下图所示: 想实现可以通过横向滚动条拖动展示数据,看了官方文档,实现的效果如下 具体代码:就是添加这个代码就可以了 dataZoom: [ { id: 'dataZoomX', type: 'slider', x 阅读全文
posted @ 2020-10-28 19:02 醒日是归时 阅读(10441) 评论(0) 推荐(1)
摘要:验证网页的正则表达式为: var regStr = "^((https|http|ftp|rtsp|mms)?://)?" //域名之前的协议字符串可以出现一次或不出现 + "(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?" 阅读全文
posted @ 2020-09-24 19:12 醒日是归时 阅读(399) 评论(0) 推荐(0)
摘要:效果如图: js文件如下: $(function () { initTable() $('#load_vip').change(function () { $ .ajax({ type: 'POST', url: '/nginx/config/diff', data: {'load_vip': $( 阅读全文
posted @ 2020-09-08 21:01 醒日是归时 阅读(575) 评论(0) 推荐(0)
摘要:最近用jQuery.validator做表单的前端验证,却发现验证规则都无效。最后发现以下原因会导致校验无效 1.jquery.min.js重复引用。 2.js中有bug存在。 3.<input id="input id" name="inputname" />, rules:{inputname: 阅读全文
posted @ 2020-08-18 18:38 醒日是归时 阅读(634) 评论(0) 推荐(0)
摘要:场景:bootstrap模态框modal和select2合用时input无法获取焦点,导致输入法一直闪动,不能输入中文 解决办法: 1、把页面中的 tabindex=”-1” 删掉; <div id="myModal" class="modal hide fade" tabindex="-1" ro 阅读全文
posted @ 2020-08-14 14:03 醒日是归时 阅读(284) 评论(0) 推荐(0)