万户侯best-CSDN博客

原创 echarts的水球图liquidFill动画性能问题，占用cpu过高

最近在做一个大屏幕的数据可视化需求用到了echarts的水球图，波纹状的水球图确实漂亮，这里就不讲解怎么使用了，页面上用到了两个水球图，打开一个页面cpu就飙升，平均一个水球图占用cpu差不多达到了7%左右，漂亮的代价也太高了吧，查找了解决方案，可以把水球图的动画关闭，这样cpu占用率就下来了，但是静态的水球图确实不如动态的漂亮，看大家的需求吧，权衡而定，关闭水球图的参数贴出来，series: [ { type: 'liquidFill', waveAnimation: fal.

2020-12-29 20:31:07 1492

原创 vue axios 请求本地的json文件

切记：静态的json文件要记得放在static文件夹下1.下载插件 npm install axios --save2.在main.js下引用axios import axios from 'axios' Vue.prototype.$http=axios3.在static文件夹下写静态文件 home.json{ "name":"xuexue", ...

2019-03-04 15:38:38 2245

原创 css 文本超出换行并且行高自适应

意思是：假如一个div显示一行文本是行高是100px; 当显示两行文本时文本自动换行，并且行高自动变为50px;div的高度始终不变是100px;<div class="parentDiv"> <div class="sonDiv"> 文本超出自动换行，并且行高自适应 </div></div><sty

2019-01-24 16:17:22 9770

转载 vue-cli

都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文档还是不错的，由浅到深，如果不使用构建工具确实用的很爽，但是这在实际项目应用中是不可能的，当用vue...

2018-11-14 09:08:51 199

原创 input限制只能输入整数

一个是键盘弹起事件，一个是粘贴事件校验onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"onafterpaste="if(this.value.length==1){this.value=th...

2018-09-12 11:57:18 6856

原创 css reset

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; ...

2018-07-16 16:02:09 244

原创移动端（iphone）上使用canvas绘图，为canvas添加了监听点击事件，结果在iphone上点击会出现闪屏

为html，body添加css样式即可解决html，body{-webkit-tap-highlight-color: rgba(0,0,0,0);}

2018-07-07 12:45:56 1917

原创移动端开发中的meta viewport常用写法

1. 设计宽度等于屏幕宽度，初始化缩放比例为1：1，最大缩放为1，禁止用户缩放<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">2.在苹果手机中，设置页面中的数字仅作展示，不能当作电话号码去点击直接拨打 <meta name=...

2018-06-29 09:39:37 786

原创移动端设置禁用屏幕滑动事件

//实现滚动条无法滚动var mo=function(e){e.preventDefault();}; /***禁止滑动***/function stop(){ document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动} ...

2018-06-29 09:34:36 574

qq_34580930的博客