前端 - wei-CSDN博客

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

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

2023-11-21 10:57:17 520

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

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

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

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

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

2022-10-21 14:29:55 1691

原创 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 873

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

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

2021-10-26 14:52:01 703

原创 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 7410 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 532

原创 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 676

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

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

2021-06-18 14:49:19 3593

原创 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 5112 5

mingwei_zhu的博客