- 博客(9)
- 收藏
- 关注
原创 echarts的水球图liquidFill动画性能问题,占用cpu过高
最近在做一个大屏幕的数据可视化需求用到了echarts的水球图,波纹状的水球图确实漂亮,这里就不讲解怎么使用了,页面上用到了两个水球图,打开一个页面cpu就飙升,平均一个水球图占用cpu差不多达到了7%左右,漂亮的代价也太高了吧,查找了解决方案,可以把水球图的动画关闭,这样cpu占用率就下来了,但是静态的水球图确实不如动态的漂亮,看大家的需求吧,权衡而定,关闭水球图的参数贴出来,series: [ { type: 'liquidFill', waveAnimation: fal.
2020-12-29 20:31:07
1603
原创 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
2315
原创 css 文本超出换行并且行高自适应
意思是:假如一个div显示一行文本是行高是100px; 当显示两行文本时文本自动换行,并且行高自动变为50px;div的高度始终不变是100px;<div class="parentDiv"> <div class="sonDiv"> 文本超出自动换行,并且行高自适应 </div></div><sty
2019-01-24 16:17:22
10135
转载 vue-cli
都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件、监听事件、取消事件。。。。(确实很烦)。vue的官方文档还是不错的,由浅到深,如果不使用构建工具确实用的很爽,但是这在实际项目应用中是不可能的,当用vue...
2018-11-14 09:08:51
224
原创 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
6883
原创 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
260
原创 移动端(iphone)上使用canvas绘图,为canvas添加了监听点击事件,结果在iphone上点击会出现闪屏
为html,body添加css样式即可解决html,body{-webkit-tap-highlight-color: rgba(0,0,0,0);}
2018-07-07 12:45:56
1952
原创 移动端开发中的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
808
原创 移动端设置禁用屏幕滑动事件
//实现滚动条无法滚动var mo=function(e){e.preventDefault();}; /***禁止滑动***/function stop(){ document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动} ...
2018-06-29 09:34:36
594
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人