Hyanl的博客

【代码】echarts统计图x轴文字过长，以省略号显示，鼠标经过提示全部内容。

方案1：使用echarts的标线markLine实现（ps：此种方案有弊端：需要一一设置每个柱子的标线起始点，不好控制，不太建议使用）方案1：使用echarts的自定义图形custom实现（此方案较方案一更实用）实现方式我这有两种方案，如下介绍。

初步猜测可能是有什么数据的类型错了，检查代码，发现，点击切换类型的时候，会对表单进行一个置空处理。今天系统出现一个问题，首次进入页面，正常情况点击表单下的添加图标，页面会新增一条子项。排查发现，子表单应该是数组格式，而这里全部都清空为字符串，所以，进行数组判断。我这的问题就完美解决啦！

实现方式和elemnetUI的el-table方法类似，主要是减少dom节点，每次只显示可视区的内容，滚动的时候，通过改变dom节点的内容达到页面数据的更新的效果。使用了ant design vue 中的 a-table 组件，不使用分页，当表格数据过多时导致页面卡顿，此时可以使用虚拟滚动，减少dom节点，提高性能。

解决该问题主要是用虚拟滚动的思路。引发页面卡顿的原因主要是由于数据量太大导致渲染的 dom 较多，然后页面就卡顿了。使用了 elementUI 中的 el-table 组件，不使用分页，当表格数据过多时导致页面卡顿；下面使用 element 中的 el-table 实现一下虚拟滚动来解决这个问题。

当数据很多时，比如一万条时，如果只用v-for的话那么会渲染出一万个dom元素，这样是很消耗性能的，这时我们便可以使用虚拟列表了。顾名思义，就是一个虚假的列表，可能它里面只渲染了20个dom元素，但是却可以通过滚动来展示一万条数据。2.在需要使用的页面引入组件。那什么是虚拟列表呢？

【代码】点击div改变颜色（HTML+CSS+JS+VUE实现）

【代码】elementUI下拉树点击子节点，获取父节点数据并回显。

elemnet ui的el-form-item的表单项label和表单项内容原本是默认在同一行显示的，将el-form-item中表单项label和表单项内容换行怎么实现呢？

场景：点击按钮请求；搜索框输入查询，用户最后一次输入完，再发送请求。场景：监听滚动事件；搜索框，搜索联想功能。定义：在一段时间内只在最后一次触发方法。定义：在一段时间内，只会触发一次方法。

使用淘宝镜像安装依赖。

visualMap具体属性请查看Echarts官网介绍：https://echarts.apache.org/zh/option.html#visualMap。就是设置visualMap视觉映射组件，写在setOption内，和series并列，同级。gte（大于等于，greater than or equals）lte（小于等于 lettle than or equals）gt（大于，greater than）lt（小于，little than）

【代码】Antd+vue table列内容过多实现换行显示。

【代码】异步获取接口数据。

最近在使用ant design vue框架的table组件进行数据展示时，有个序号倒序排序的需求，下面是实现的效果图；

作为一个刚学vue的小白来说，vue是真的让人头大，好不容易搭好vue环境，结果在使用ElementUI时，又报错了运行时报错eslint-disable-next-line no-unused-vars解决方法：其实是在项目中使用了eslint在package.json中的"rules"加入"generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"off", "no-consol

报错截图如下用npm run serve命令运行vue项目。但是运行之后，我的又出现了另一个错误错误表示找不到node-sass模块，重新安装，输入命令cnpm install node-sass@latest再次输入npm run serve命令，磕磕绊绊，启动成功...