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