想为雷总打工的小张-CSDN博客

使用 overlayClassName属性直接上代码<Popover overlayClassName{styles.performanceTargetBoxClass} > <Input/></Popover>这里是style样式（我这里是less风格） ant-popover-arrow就是小箭头的className.performanceTargetBoxClass{ :global{ .ant-popover-content{

2021-11-17 10:01:10 4482 1

原创 antd message设置无效（未正常弹出）踩坑记录

环境：react 的一个function components中在数据提交成功后想给一个提示，结果提示为成功；结果发现提示未弹出来，后排查时代码确实是到了message.success(‘暂存成功！’)。原因：是因为setGuideId是一个useState 导致这个function components又重新render了，render的时候把messasge的dom直接干掉了？我现在也不太确定，但确实是不去改变state的话就能成功弹出？解决方案：把setGuideId晚一些执行。果然可以了！

2021-09-23 14:48:04 7138

原创 react获取当前窗口宽高（hook方式）

使用useWindowSizejs方式使用//引入根据你自己的路径import {useWindowSize} from '@/utils/hooks/useWindowSize.js';const {width， height} = useWindowSize();js方式定义// An highlighted blockimport { useState, useEffect } from 'react';export const useWindowSize = () =&gt

2021-08-13 10:59:45 7816

原创 antd Table expandedRowClassName不生效踩坑

今天有个样式需要将Table的展开行与最左边对其；看文档发现expandable中有个expandedRowClassName，就直接拿过来用，但是出现了问题，发现使用了expandedRowClassName时并未生效，后来排查了很久才发现是非expandedRowRender渲染的展开行不会生效，也就是不自定义渲染就是不会生效，可以看到并没有新增的className解决办法1：使用expandedRowRender搭配使用了自定义渲染后就有className了解决办法2：使用expanda

2021-07-26 15:04:08 4679 1

原创 must set key for ＜rc-animate＞ children错误的解决办法（antd upload组件报错记录）

问题描述今天在使用antd upload组件渲染已上传文件的时候报错了；问题原因排查了一下，我是直接从后台拿的数据，直接传给了upload组件，算是人为控制的数据，即传给组件的fileList的数据是人为控制的，并没有uid。antd文档写了uid是唯一标识符，我没有uid导致了此错误。解决办法我从后台拿的数据是有id这个字段的，且此字段唯一，可以当作uid使用。将id的值赋给uid就解决了这个问题；...

2021-06-21 14:08:58 1620 2

原创波浪动画优化版（纯css+html）

直接上图之前看其他的波浪效果不是很像，就把它代码优化了一下，将旋转元素调大并靠下，这样能更好的模拟缓慢的波浪效果；代码在下面// html <div class="container"> <div class="wave"></div> <div class="wave1"></div></div>//css.container { position: relative; width: 5

2021-05-28 11:03:43 138

原创 react项目服务器打包报错文件不存在，本地打包可以踩坑记录

之前遇到一个问题，就是咱们的前端项目能在我自己的windows10上成功运行。npm build也能成功！但是在服务器打包的时候就报错说文件找不到就是这个 …/payment/refund/IndexResult.jsx刚开始我以为是文件在本地没有提交，后来提交之后还是报错；最终仔细排查发现是文件的大小写不正确，文件命名为 indexResult.jsx,而在引用的时候是IndexResult；在windows上不区分大小写，而Linux是区分大小写的！血泪的教训，之后我在开发中就坚决只复制粘

2021-05-26 16:54:24 618

原创 antd table表头可伸缩的实现思路(已实现，含截图)

通过集成 react-resizable 来实现可伸缩列。首先引入Resizableimport { Resizable } from ‘react-resizable’;通过替换table组件本身的components中的header的cell；将每一个th都用Resizable包裹起来如下（如下）//仅代表思路的代码 <Resizable width={width} height={0} onResize={onResize}

2021-05-10 16:47:27 2463 6

原创图解js浅拷贝和地址引用的理解

js最简单的数组浅拷贝/浅复制方法使用 Array.form()；解决当原数组改变时，从原数组赋值出来的数据也跟着改动的问题 let arrayA = [1, 2, 3, 4, 5]; let arrayB = Array.from(arrayA)//浅拷贝 let arrayC = arrayA//深拷贝 arrayA.sort((a, b) => b - a)//当使用会改变arrayA自身的方法时（sort会改变原数组） console.log(arra

2021-05-06 14:00:46 217

原创 momentjs中获取「当前时间」与「某个时间戳值」的时间差（例如：3天前，5分钟）

@momentjs中获取时间戳到现在的时间差值使用 fromNow()显示时间的常用方法是通过 moment#fromNow 处理。有时称为时间间隔或相对时间。如果传入 true，则可以获得不带后缀的值moment([2007, 0, 29]).fromNow(); // 4 年前moment([2007, 0, 29]).fromNow(true); // 4 年也可以使用local（）来设置当前语言环境moment(1617001479000).locale(‘zh-cn’).f

2021-03-29 15:36:11 2824 1

weixin_44197210的博客

原创记git push 443成功解决

原创无依赖的react edit table（wumu-edit-table v0.3.0）更新啦！

原创 react function HOC（高阶组件）实现

原创 wumu-edit-table：一个轻量的无依赖的react可编辑表格（react edit-table）

原创 Number.EPSILON可用于兼容js计算浮点数产生误差

原创十行js代码实现windows上录屏功能

原创 antd Tooltip隐藏去掉小箭头