资深 if-else 侠

摘要： echarts加载完成后鼠标首次触发tooltip盒子会发生抖动、出现滚动条 原因： 在echarts图表中出现tooltip时，画布的父标签（即：echarts.init()的标签）的有时宽高都会发生变化，导致相对布局的div可能大小发生变化（画布大小却不变），导致页面闪动。 解决方法 ： 在该画 阅读全文

摘要： 数组按照每个对象的属性值的大小进行排序 let arr = this.data arr.sort(this.compare('avgScore')) compare (property) { return function (a, b) { var value1 = a[property] var 阅读全文

摘要： 打印对象都是引用的，后续有更新展开后是更新的值，要看及时值应该JSON.stringify转为字符串，打印json字符串 阅读全文

摘要： 随着硬件发展和前端技术进步，多数项目在开发之时并不需要考虑用户设备/浏览器默认缩放带来的视觉效果和设计稿不符合的情况。但是如果你的项目用户是笔记本电脑用户且页面内容比较多且紧凑，可能就需要考虑一下这个问题了。 首先笔记本电脑本身屏幕比较窄，当然这里说的是css逻辑像素，实际上现在新款笔记本电脑的物理 阅读全文

摘要： 媒体查询常用方法 了解CSS中的width、device-width、resolution、aspect-ratio width/height ：定义输出设备中的 页面可见区域宽度/高度。 device-width/height ：定义输出设备的屏幕可见宽/高度。 resolution ：定义设备的 阅读全文

摘要： vue绑定行内样式的写法 第一种写法 注意: Style对象的属性与CSS中使用的属性几乎是一一对应的，只是包含连接符的属性则被替换为无连接符的属性，并且替换后的连击符后的单词第一个字母要大写，如CSS中的font-size在Style中被替换为fontSize,类似的还有text-align替换为 阅读全文

摘要： echarts自定义平均线样式 自定义平均线样式 效果： 代码： series: [ { name: val, type: 'bar', barWidth: 40,//柱子宽度 label: { show: true }, data: this.sortData(val), markLine: { 阅读全文

摘要： echarts自定义tooltip提示框 系列名 数据名 + ':' + 数据值 + '单位' tooltip: { trigger: "axis", formatter: function (params) { var relVal = params[0].name for (var i = 0, 阅读全文

摘要： 全局zomm缩放后echarts鼠标偏移的问题 最近项目里需要做很多图表，但所有的图表都有一个问题，就是鼠标hover触发位置与鼠标实际位置有偏差 举个例子： ​ 柱状图鼠标移动到第二个柱子的时候却触发第一个柱子的tooltip提示框 最后发现问题所在是项目在main.vue里为适配不同分辨率的设备 阅读全文

摘要： echarts总结 echarts 初始化必须指定容器的宽高 options配置项 图表grid与canvas的距离 grid: { left: '300px', right: '150px', bottom: '25px' }, 提示框 tooltip: { trigger: "axis", fo 阅读全文