weixin_42640143-优快云博客

原创子组件echart图表动态刷新

echart图表子组件watch: { lineOption: { handler(newValue, oldValue) { this.options = newValue; //把新值赋值给我们的属性数据 //第一种刷新echarts图表 this.initChart(); //第二种刷新echarts图表 this.myChart.setOption(this.options, true); }, deep

2021-09-01 22:09:07 306

原创 echart图表自适应

//echart 图表的div自适应父元素的大小<div style="width:22vw;height:20vh;"> <div id="myChart" style="width:100%;height:100%;"></div></div>//echart 图表自适应window.addEventListener('resize', () => { // 自动渲染echarts this.myChart.resize();

2021-09-01 21:48:38 170

原创 vue-cookies操作cookie

1.安装vue-cookiesnpm install vue-cookies --save2.引入vue-cookies安装完毕后，我们需要在vue项目的main.js中明确引入vue-cookies。import Vue from 'vue'import VueCookies from 'vue-cookies'Vue.use(VueCookies)//设置全局配置，设置cookie过期时间// default: expireTimes = 1d , path=/this.$coo

2021-09-01 21:37:04 257

原创 vue项目局部定时刷新多个echart图表

js2种常用定时器：//会间隔3s不停的调用函数setInterval(function(){}, 3000)//延迟3s执行只执行一次setTimeout(function(){}, 3000)使用多个setInterval会导致浏览器崩溃！原因是setInterval不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终导致浏览器崩溃。setTimeout是自带清除定时器的，解决方法如下：window.setInterval(() => { setTimeout(fu

2021-09-01 21:24:54 781

原创解决onmouseover与onmouseout同时存在移入移出元素浮窗不断闪烁的问题

<p οnmοuseοver="showText();" οnmοuseοut="hideText();">XXX</p>//浮窗<div id="popUp" style="position:absolute; top:0; left:0px;z-index:2;display:none;"></div>//解决浮窗加css pointer-events: none;<div id="popUp" style="position:absolu

2021-09-01 20:53:14 328

原创 vue 安装依赖时 --save-dev 和 --save 区别

–save 依赖会写入dependencies–save-dev 依赖会写入devDependenciesdependencies 生产环境，项目打包后还需要留存的插件devDependencies 开发环境，打包后不需要留存的一些插件

2021-08-18 22:09:22 274

原创 vue 全屏screenfull.js 全屏事件的监听

安装npm install --save screenfull在需要的页面引用import screenfull from 'screenfull'全屏的点击事件 screenfull() { screenfull.toggle(); this.isFullscreen = true; screenfull.on('change', () => { screenfull.isFullscreen ? 'Yes':'No'); }); }

2021-08-18 21:58:36 569

原创 setInterval顺序执行

需求：按顺序执行setIntervalvar num01=10;var timer01=setInterval(function(){ num01--; if(num01==0){ clearInterval(timer01);//将第一个计时器清空 timer01=null;//将第一个计时器清空 timerFunc02(); }},1000);function timerFunc02(){ var num02=20; var timer02=setInterval(functio

2021-08-09 21:37:55 378

原创 antv g6自定义边

需求：基于antv g6 3.6.0 开发流程图的编辑器需要自定义边具体自定义边的代码大家可以去官网看这里主要说一下二次贝赛尔曲线画折线参数：M 是从哪开始画 L 画到具体的某个点 //直角的折线 const path = [ ['M', startPoint.x, startPoint.y], ['L', startPoint.x, endPoint.y], ['L', endPoint.x, endPoint.y],

2021-08-05 22:44:57 3157 1

原创 antv G6 canvas 画布上gif显示成静态图片的问题

问题描述：antv G6 canvas 画布上gif显示成静态图片的问题原因：html5画布的逐帧显示的 gif 是有由一帧一帧组成的所以显示的是第一帧静态图片解决：自定义节点运用g6 utils里的tranform 把静态图片变成动态的图片但是有个问题一个动画和下一个动画之间有停顿...

2021-08-02 21:47:13 832 1

原创 vue组件不刷新的问题

问题描述：A 组件里有一个B组件打开页面B组件的数据展示是正确的点击查看全部接口数据返回 B组件初始化了(mounted里的代码执行了)但是B 组件没有刷新展示是有问题的解决方案：在B组件根节点上加v-if 相当于刷新B组件...

2021-08-02 21:35:55 826

原创 js 在一个函数内如何调用另一个函数的变量

js 在一个函数内如何调用另一个函数的变量function A(){ function AA(){ $.getaa(url,function(data){ var aa = data.aa; })}在函数B里要用AA 变量aafunction B(){ console.log(aa);//显示为undefine $.ajax(url,{ data:{"city":aa},function(data){ } })}f

2021-08-02 21:25:14 3525

weixin_42640143的博客