自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 echarts 如何将X轴和Y轴拉伸

如果想要拉伸X轴和Y轴就需要巧用 axisLine 属性中得 symbol 和 symbolSize 属性。

2023-11-21 10:57:17 495

原创 巧用map把数组对象转换成Tree

对象数组转换成tree

2023-03-30 11:22:48 1470

原创 批量文件夹上传实现,大量文件快速读取

拖拽上传如何快速读取大批量的文件?2w-3w文件的快速读取方式在这里

2023-01-04 00:34:30 2041 3

原创 Ant Design Charts 仪表盘配置属性结合案例详细说明

本次案例为仪表板,最终成品样式如下,案例种用到仪表盘分大部分属性,每个属性都注释说明作用。

2022-10-21 14:29:55 1677

原创 show-overflow-tooltip 在 safari 浏览器不生效

上面这种情况很大的可能性是因为 此列的 .cell.el-tooltip 元素的width属性被改变了,比如 width:auto。当然还有其他原因。如果实在找不到原因就在该页面修改权重为 .cell.el-tooltip的width:100%。如果实在找不到问题使用以下 scss 代码。/deep/ .el-table__header,/deep/ .el-table__body,/deep/ .el-table__footer { width: 100% !impor...

2021-10-26 15:30:07 869

原创 echarts 自定义事件交互方式修改

需求:1.点击某个图例,图例高亮,只显示并选中当前的图例,同时展示数据。 再次点击这个高亮的图例,则全部图例选中2.点击其他置灰图例,则此图例高亮,再次点击后,全部选中。实现的方式类似与于排他思想吧。 // 1.找到实例化的图例对象 也就是dom 比如 vue 的ref let myChart = this.$refs.myChart.echarts; // 或者 echarts 官方的 var chartDom = docum...

2021-10-26 14:52:01 701

原创 element table 行高列宽拖拽调整

因为需求的不同,需要自己实现element表格拖拽调整列宽和行高,目前已实现,现记录了实现的方式。实现说明:全部基于原生js,不依赖任何插件,可以直接使用。注意事项:1.如果拖拽行高没有效果,请检查js是否检查到对应的类名el-table__row 或者el-table__rowel-table__row--striped 2.如果拖拽列宽没有效果,请检查el_table元素内是否有如图下面的元素。实现思路:1.列宽的调整最终是通过调整如上图的.........

2021-07-30 10:59:55 7399 26

原创 axios + element 封装 - 拿去即用

以下封装如有特殊需要,可以自己去添加或者修改使用。需要安装的依赖 base-64 和 js-cookie yarn add js-cookie base-64 或者 npm i js-cookie base-64,当然你有其他处理成base64和处理cookie的方法可以自行修改。requir.js文件如下,包含的功能有:获取完整的请求路径、取消重复请求、根据环境修改baseUrl、自动去除字符窜首位空格、有contentType传参时,强制修改header内的content-type。

2021-07-21 18:08:14 531

原创 history.back()、history.go()与safari浏览器

三、history.back()、history.go()与safari浏览器history.go()方法会使原页面表单中的内容会丢失;用法:1. history.go(-1) 后退+刷新 。2. history.go(1)前进3. history.go(URL)URL是字符串,必须是一个完整的地址back(): 返回上一页,原页表表单中的内容会保留;用法:1. history.back()后退2....

2021-06-18 15:17:04 673

原创 复制链接时发生跳转解决方案

1.不管使用任何框架或者原生HTML,只要涉及到跳转的地方(包含路由编程式导航),都要用a标签,如果是编程导航,注册事件同时给a标签加上 href="javscript:void(0)",同时链接样式肯定要跟普通文本样式有差异性。注意:vue 和 react 封装的link都要带上 to 属性,如果不需要可以改成a标签。(button事件编程导航除外)主要原因:因为a标签本身附带文本选中特性,例如不允许从文本中间选中链接文本。次要原因:语义标签化//react 和 a 标签示例<Na.

2021-06-18 14:49:19 3582

原创 React 列宽拖拽调整功能

新接了个需求,要求可以拖拽表格的borer进行列宽调整。看到这个需求,感觉so easy, 印象中所有的UI组件库都支持这个功能,然后去看antd文档,懵逼了。。。。 4.0版本找不到这种功能支持,然后面向百度了一波,发现这种功能在antd 3.x版本里面,直接上链接。antd 文档传送门https://3x.ant.design/components/table-cn/#components-table-demo-drag-sorting东西大差不差,4.x版本的antd也支持。个人实现代码如下.

2021-05-14 10:33:12 5097 5

原创 Ant Design Charts 折线图配置属性结合案例详细说明

最近接手了一个react项目,里面需要用到折线图,看到图表的感觉不难。但是仔细一看引入的是 Ant Design Charts。然后去看了一下文档,发现好多地方的属性与echart区别很大,甚至用法都不一样了。最终结合文档,对属性一 一 试用了解,完成了任务。现给与记录,以便后来再使用方便。实现目标( UI 给图 ) 现有折线图(ant 基础折线......

2021-05-12 11:55:21 18595 9

原创 数组对象根据单个key或者多个key进行分组

前端在开发中经常会处理数据,如果是简单的取某个key值的,通常filter、forEach、map、some、every等常用的ES6语法就够了.但是遇到对数组对象进行分类就稍微复杂点了.请看下面例子.

2021-03-30 19:16:55 1588

原创 前端面试题整理(vue/js/css)

什么是盒子模型把所有的网页元素都看成一个盒子,它具有content,padding,border,margin 四个属性,这就是盒子模型盒子模型有两种形式:标准盒子模型,怪异盒子模型标准模式,总宽度= width + margin(左右) + padding(左右) + border(左右) 属性:box-sizing: content-box;怪异模式,总宽度= width + margin(左右)(即width已经包含了padding和border...

2021-03-21 16:06:44 3989 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除