工作记录
前端 - wei
这个作者很懒,什么都没留下…
展开
-
批量文件夹上传实现,大量文件快速读取
拖拽上传如何快速读取大批量的文件?2w-3w文件的快速读取方式在这里原创 2023-01-04 00:34:30 · 2128 阅读 · 3 评论 -
Ant Design Charts 仪表盘配置属性结合案例详细说明
本次案例为仪表板,最终成品样式如下,案例种用到仪表盘分大部分属性,每个属性都注释说明作用。原创 2022-10-21 14:29:55 · 1839 阅读 · 0 评论 -
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 · 908 阅读 · 0 评论 -
echarts 自定义事件交互方式修改
需求:1.点击某个图例,图例高亮,只显示并选中当前的图例,同时展示数据。 再次点击这个高亮的图例,则全部图例选中2.点击其他置灰图例,则此图例高亮,再次点击后,全部选中。实现的方式类似与于排他思想吧。 // 1.找到实例化的图例对象 也就是dom 比如 vue 的ref let myChart = this.$refs.myChart.echarts; // 或者 echarts 官方的 var chartDom = docum...原创 2021-10-26 14:52:01 · 752 阅读 · 0 评论 -
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 · 7519 阅读 · 26 评论 -
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 · 694 阅读 · 0 评论 -
复制链接时发生跳转解决方案
1.不管使用任何框架或者原生HTML,只要涉及到跳转的地方(包含路由编程式导航),都要用a标签,如果是编程导航,注册事件同时给a标签加上 href="javscript:void(0)",同时链接样式肯定要跟普通文本样式有差异性。注意:vue 和 react 封装的link都要带上 to 属性,如果不需要可以改成a标签。(button事件编程导航除外)主要原因:因为a标签本身附带文本选中特性,例如不允许从文本中间选中链接文本。次要原因:语义标签化//react 和 a 标签示例<Na.原创 2021-06-18 14:49:19 · 3672 阅读 · 0 评论 -
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 · 5197 阅读 · 5 评论