yyyylll--CSDN博客

原创 yup 校验字符串数组，针对单个处理

此时的 keywords 是一个数组，每一项都是一个字符串，需要校验数组的第一项不能为 null，并且数组 map 的每一项元素是一个输入框，校验的提示信息需要在第一个输入框下面。

2023-10-08 11:04:22 414 1

在平常的网页中，icon 的换色基本上都是通过更改 svg 的样式属性 color 来实现的，例如：这是一个从设计稿上直接导出的 svg 图标： <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64134 0.934136C1.54371

2022-05-31 15:17:34 2978

原创 css模拟钟表指针走动，又名绕圆心跑的小球

动起来的效果点击这里 show me the code html <div class="circle"> <div class='small-circle'></div> </div> css .circle { width: 200px; height: 200px; border-radius: 50%; background: #296BEF; position:relative; } .small-circle { .

2021-11-17 15:08:56 514

原创 html2canvas生成图片空白或缺失问题解决

最近接到反馈，先前做的一个小工具会出现一些bug 主要原理是根据用户填写的内容生成一个隐藏起来的节点，并把这个节点截取生成图片下载下来；首先把这个节点显示出来发现节点是正常的那么问题就出现在获取节点上，这里使用到了html2canvas将节点转化为 base64 格式的图片，打印一下这个文件： ok, 是空白的；当页面缩小及生成图片滚动页面时，会出现类似问题，后来发现是页面有滚动条时会出现截图失败；查阅文档还可以通过获取截图范围的精确位置截图；我们需要的是截图区域左上角的 x, y 坐标，以及截图

2021-07-05 19:50:31 11047

原创 antd InputNumber 不允许输入小数

<InputNumber min={1} max={999} formatter={limitNumber} parser={limitNumber} /> /* 限制数字输入框只能输入整数 */ const limitNumber = value => { if (typeof value === 'string') { return !isNaN(Number(value)) ? value.replace(/^(0+)|[^\d]/g, '') :

2020-05-14 16:26:07 10539 9

原创 antd RangePicker限制选择时间跨度是30天

const { RangePicker } = DatePicker; const [selectDate, setSelectDate] = useState(null); /* 控制下单时间选择范围30天 */ const disabledTaskDate = (current) => { if (!current || !selectDate) return fal...

2020-05-08 16:32:29 8518 11