前端经验

Javascript数组去重处理的两种方案

方法一:利用indexOf()方法 var arr=[ 1 , 1 , 2 , 2 , 4 , 5 , 2 , 1 , 2 ]; var newarr=[]; for ( var i= 0 ; iarr.length; i++){ if (newarr.indexOf(arr[i])== -1 ){newarr.push(arr[i]);}} console .log(newarr); 方法二:通过json方法设...

前端经验

Javascript将数组排序的两种方法

方法一:冒泡排序 var arr = [ 1 , 1 , 2 , 2 , 4 , 5 , 2 , 1 , 2 ]; for ( var i= 0 ; iarr.length; i++){ for ( var j= 0 ; iarr.length-i; j++){ if (arr[j]arr[j+ 1 ]){ var a = arr[j];arr[j] = arr[j+ 1 ];arr[j+ 1 ] = a;}}} 方法二:借用...

前端经验

CSS设置滚动条样式或隐藏滚动条

想要添加滚动条,必须给盒子添加高度 例如 在x轴上隐藏内容,y轴上显示滚动条 .div { height : 300px overflow-x: hidden; overflow-y : auto;} 基本设置 1. 可以滚动但是不让显示滚动条 .div ::-webkit-...

前端经验

echarts 折线区域图基本样式修改参数参考

const option = { title: { text: }, grid: { left: 5% , top: 5% , right: 0% , bottom: 10% }, // 鼠标移动到数据上时坐标轴的提示 tooltip: { trigger: axis , axisPointer: { type : cross , label: { backgroundColor: #6a7985 } } }, le...

前端经验

按住鼠标左键移动时, 禁止选中里面内容

user- select : none | auto | text |contain|all; /*firefox浏览器*/ -moz-user- select : none | text |all; /*safari、chrome浏览器*/ -webkit-user- select : none | text |all; /*Safari中不支持该属性值,只能使用none或者text,或...

前端经验

uCharts Y轴格式化

1、Y轴格式化用法: yAxis : { data :[{ calibration:true, position: left , title: 折线 , titleFontSize: 12 , format:(val)={return val. toFixed ( 0 )+ 度 } }], showTitle :true , gridType :dash , dashLength :4 , splitNumber :5 } 2、饼...