大脸小覃的博客

原创 Vue组件有哪几种定义方式？有什么区别？

全局注册使用局部注册单文件组件。

原创 最多输入几位小数整数

【代码】最多输入几位小数。

原创 弹性布局 最后一行左对齐

弹性布局左对齐

原创 js 点击复制

【代码】js 复制。

原创 正则判断 正负整数 正负小数

【代码】正则判断 正负整数 正负小数。

原创 vue 基于tree结构的穿梭框

两级分组 的情况 <div v-if="dialogType == 'add'"> <el-form ref="ruleForm" :model="form" label-width="100px"> <el-form-item label="设备" prop="predicates" :rules="[{ required: true, message: '请选择

原创 【无标题】

echarts 面积图

原创 elementui 走马灯 高度固定，修改为自适应

elementui走马灯

原创 判断当前是手机端还是网页端

判断网页端还是手机端

原创 vue2 显示二维码 下载base64图片 功能

vue2二维码 图片下载

原创 秒转 时分秒

let result = parseInt(value)let h = Math.floor(result / 3600);let m = Math.floor((result / 60 % 60));let s = Math.floor((result % 60));let res = '';if(h != '0') res += `${h}时`;if(m != '0') res += `${m}分`;res += `${s}秒`;return res;

原创 前端面试题

前端面试分析css1.盒子模型的宽度—offsetwidthoffsetwidth = content+padding+border+margin布局的时候有时候并不希望padding会撑大原来的盒子，所以css3中推出了box-sizing的属性,默认content-box（标准盒模型），另一个属性border-box（ie盒模型也叫怪异盒模型 ，content包括padding和border）2.相邻元素之间margin重叠两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个

转载 2022前端面试--覃

2022前端一些面试题

原创 ios系统使用window.location.href跳转失败

if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { location.href = '/dealSuccess/' + orderNum;//此处判断是否为ios后,使用location.href跳转 } window.location.href = '/dealSuccess/' + orderNum;//安卓跳转 ...

原创 G2画图表

var list= [{xAxis: "周一", name: "规划局", ynum: 10}{xAxis: "周二", name: "规划局", ynum: 15}{xAxis: "周三", name: "规划局", ynum: 20}{xAxis: "周四", name: "规划局", ynum: 9}{xAxis: "周五", name: "规划局", ynum:35}{xAxis: "周六", name: "规划局", ynum: 40}{xAxis: "周日", name: "规划局"

原创 vue3 使用G2初始化表格 自适应

// 初始化表格后加入这段代码,使图表自适应const e = document.createEvent(‘Event’)e.initEvent(‘resize’, true, true)window.dispatchEvent(e)

原创 微信小程序左右滑动切换图片

实现左右滑动切换图片,并改变小圆点<view class='filterContainer' catchtouchmove="true" wx:if="{{ showSelect }}"> <!-- 切换二维码内容 --> <swiper class="swiper" current="" bindchange="changeswiper" > <swiper-item class="swiper-item" wx:for="{{er

原创 微信小程序点击按钮保存图片(绝对地址,相对地址,临时路径)

//保存图片--本地文件夹下图片 uplodeImg: function(e) { var imgSrc = e.currentTarget.dataset.img; wx.getImageInfo({ src: imgSrc, success:res=>{ wx.saveImageToPhotosAlbum({ filePath: res.path, s.

原创 微信小程序长按复制文本

wxml部分<view class="basic-row" wx:if="{{role == 1 || lavel == 1}}" bindlongtap="copyLess" data-info="我是复制的文本"> </view>``js部分 //复制 copyLess:function(event){ let info = event.currentTarget.dataset.info; wx.setClipboardDat

原创 微信小程序放大图片并可以保存等操作

// 展示封面图片 showCover: function (e) { let current = e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: [current] // 需要预览的图片http链接列表 }) },wx.previewImage(Object obj.

原创 拆分数组内数据并添加到原数组

前情:一个数组里面,多条信息,获取目标字符串,进行拆分,并添加到数组内 var mysearchItems1 = this.data.item//拆分数据,并添加到原数组 let string1=mysearchItems1.current_publish_date let current_publish_date_first1 = string1.split("下一期：")[0]; let current_publish_date_last1 = string1.split("下一期：")

原创 微信小程序自定义模块使用方法

原创 jquery实现点击复制文本信息

$('#copyOutTradeNo').click(function () { var text = document.createElement('textarea') text.value = $('#out_trade_no').html(); document.body.appendChild(text) text.select() document.execCommand('c

原创 阻止事件默认行为（取消事件默认行为）

阻止事件默认行为（取消事件默认行为）：event.preventDefault();ie678以下不兼容ie678用:event.returnValue = false;方法 一：ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;方法 二：return false;–只能在句柄式绑定事件中...

原创 Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-e

vue出现下面错误Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as检查是否为html没有写闭合标签或者div没有闭合

原创 jQuery 获取节点元素

祖先.parent():获取元素的直接父元素.parents():获取元素的所有祖先元素.parentUntil():获取介于两个给定元素之间的所有祖先元素,不包括指定的元素后代.children():获取指定元素所有直接子元素–仅儿子辈----结果是一个类数组.children(“i”):获取指定元素中所有为i的直接子元素.find("*")返回被选元素中所有的后代元素----参数必选.find(“i”)返回被选元素中所有a元素同胞.siblings():返回被选元素的所有兄弟元素–

原创 jQuery删除元素或内容

删除元素/内容remove()：删除被选元素empty()：删除被选元素中子元素

原创 jQuery添加元素的方法

jq常用添加元素的方法.append():在被选元素内的结尾插入内容.prepend():在被选元素内的开头插入内容.after():在被选元素之后插入元素.before():在被选元素之前插入内容

原创 jQuery获取参数方法以及属性获取以及设置

jq获取参数的方法参数选择器—获取元素的方法$(“标签”)$("#id")$(".class名")使用jq获取的元素,打印出来是一个类数组.css():设置或返回被选元素的属性使用JQ.css()获取元素属性使用JQ.css(“属性名”,“修改值”)修改元素属性.html() 与.text() .val() 同理...