web老张头-优快云博客

纯H5移动端的适配，一般方案都是rem自动转px方案，自适应手机屏幕；只需将以下自执行的js引入即可： (function (doc, win) { var docE1 = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function () { v

2022-03-04 20:54:33 108

原创 js将“true“转化为Boolean类型

如果遇到element-ui的radio取值时，后台要求是Boolean类型的true或false时，就需要单独进行转换再传值（ps：最好让改成字符串String类型）：1,正则匹配法：/^true$/.test('true') 输出结果：true/^true$/.test('false') 输出结果：false2,evallet a="true";a = eval(a.toLowerCase());console.log(a);------- truelet a="fa..

2022-03-02 21:54:44 4000

原创 js的防抖和节流，不同场景的应用

真正搞懂js的防抖和节流函数的应用场景

2021-12-27 23:07:42 104

原创 echarts type: ‘pictorialBar‘的双圆形柱状图第一个数据为0时多出来一条线

3.0中支持barMinHeight:1的设置，立体柱状图能显示一个底圈，这样线圈就不会出现。

2021-12-27 16:13:44 1116 1

原创 js中this的用法及判断上下文

如何用好js的this

2021-12-27 15:46:29 279

原创 js深拷贝和浅拷贝

针对对象或者数组的二次修改，并且不影响原数据的需求，需要用到js的拷贝，根据具体需求和业务场景来选择使用拷贝方法：<script>let obj = {a: 111,b: "abc",c: { c1: 222 },d: [1, 2, { d1: 111 }],e: new Set([{ e1: 2222 }])}// 浅拷贝const clone1 = { ...obj };//es6的扩展运算符const clone2 = Obj...

2021-12-17 13:09:28 97

原创 js 判断字符串对象

function isString(str){ return Object.prototype.toString.call(str) == "[object String]";}注：typeof只能判断是否为字符串，二者共同判断时；jQuery源码中toString = Object.prototype.toString* isString(new String('hello')) = true* isString('hello') = tru...

2021-05-12 22:30:06 1327

原创 echarts点击事件多次执行问题修复

在on事件之前先执行off事件；

2020-12-03 15:15:07 467

原创 el-date-picker 开始月份和结束月份选择区间不交叉设置

开始月份和结束月份选择区间不交叉设置：开始月份：<el-date-picker v-model="formdata.dateA"type="monthrange"range-separator="至"start-placeholder="开始月份"end-placeholder="结束月份"value-format="yyyyMM":picker-...

2020-11-26 13:46:01 1033

原创 echarts label的formatter自定义设置样式

rich的a对应到formatter里面涵盖的对应内容，示例为type:"pie"：

2020-11-26 13:37:47 16458 1

原创 js 日期格式转换

1,将"20180604231436"转换为2018-06-04 23:14:36,支持8位、10位、12位、14位的转换：let occurTime = "20180604231436"; //原字符串 console.log(dateFormat(occurTime)); //调用方式 function dateFormat(date){ let newOccurTime; if(date.length==14){ ne...

2020-11-25 09:21:17 898

原创 vue中导出功能

//导出bjkacrjrybhtjExport为接口名，this.form是参数exportExcel(){bjkacrjrybhtjExport(this.form).then(res=>{consttype="application/vnd.ms-excel;charset=utf-8";//excel文件//consttype="application/x-msdownload;chars...

2020-11-17 14:28:50 447

原创 element input输入框格式校验

1，禁止输入特殊字符：global.js中设置：//文本输入框的特殊字符禁止输入Vue.prototype.validSpecialZf=function(valInput){valInput=valInput.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g,'').replace(/\s/g,'');return...

2020-11-17 14:16:06 3934

原创 echarts柱状图的背景色设置

echarts柱状图的背景色设置方法，官方推荐的例子中是又添加一组最大值来当背景（不建议），设置backgroundStyle即可：series:{name:'违法违规国家排行',type:'bar',barWidth:'15',showBackground:true,back...

2020-09-17 16:24:58 29528 7

原创 echarts tooltip自动轮循显示

方法定义：//echarts动效chart是echarts对象，op是echarts的内容，sec是动画时间间隔dynamic(chart,op,sec){op.currentIndex=-1;lettimer;timer=setInterval(function(){letdataLen=op.series[0].data.length...

2020-09-03 10:21:50 1080

原创 echarts tooltip样式设置

tooltip:{trigger:"axis",axisPointer:{type:"shadow",//背景色shadowStyle:{color:"rgba(0,246,255,0.1)"//背景色设置...

2020-09-03 10:17:11 4731

原创 echarts 柱状图每个柱子的默认背景色添加

在series中设置如下（避免使用barGap: '-100%', ）： showBackground:true,backgroundStyle:{color:'rgba(22,208,144,0.15)'},...

2020-09-02 10:03:09 6133 2

原创 vue3 添加postcss-pxtorem，浏览器窗口放大缩小内容也放大缩小

vue.config.js中配置如下，单独的rem.js配置完后在main.js中import即可。

2020-08-21 15:28:57 1366

原创 element ui 输入框只能输入数字限制

<el-inputv-model="formAdd.xh"placeholder="请输入序号"maxlength="2"@input="formAdd.xh=formAdd.xh.replace(/^(0+)|[^\d]+/g,'')"...

2020-08-20 16:07:51 1903

空空如也

空空如也