05 2023 档案
摘要：react最通用的状态管理方案就是的redux,下面介绍通过Hooks的方式使用redux npm install react-redux @reduxjs/toolkit -S 创建store 1.新建store文件夹，在下面新建index.tsx文件和slices文件夹，其中slices文件夹用
阅读全文
摘要：不借助redux,实现状态管理，修改引用数据时可能会有数据更新了，页面没更新的情况。安装immer来避免这个问题 npm install immer use-immer -S store.tsx /* eslint-disable max-statements-per-line */ import
阅读全文
摘要：一个兼容大小写，特殊字符的高亮显示函数 function highlight(str, char) { const escapedChar = char.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); if (str.toLowerCase().includes(ch
阅读全文
摘要：有很多方法，简单快速才是最好的 1. let num = 1234567890; num.toLocaleString(); //"1,234,567,890" 2. // 正则匹配方法一 let num = 1234567890; let reg = /\d{1,3}(?=(\d{3})+$)/g
阅读全文
摘要：下载文件核心方法就是获取到文件流后，使用createObjectURL创建url再模拟标签点击下载 1.简单快速 axios(url,{ method:'post', data: 'data', responseType: 'blob', }).then((res) => { const Url =
阅读全文
摘要：吐槽 公司首页有一个动态显示数据的板块，同事直接用定时器手动修改div里面的数据，后来要求要有一个动态轮播滚动效果。哎，没办法，加入这个项目后就是在优化改写别人的代码,以前没测试到的bug，现在测出来让我修复，以前没实现的功能让我去实现。一堆简单堆砌的代码，重复用到的地方就是再复制一份，改起来都头大
阅读全文
摘要：使用antd form表单自带属性scrollToFirstError校验不通过时自动滚动到第一个校验错误位置，但是经常没有效果，手动添加一个滚动方法来处理 // 表单滚动到第一个报错处（antd） export const scrollToFirstError = () => { document
阅读全文
摘要：// 节流函数 /* eslint-disable prefer-rest-params */ export function throttle(func, wait) { let timeout: NodeJS.Timeout | null = null; // eslint-disable-ne
阅读全文
