摘要:
css 可以实现内容超出时折行和超出隐藏,配合line-clamp也可以指定显示行数,但是在一些图表或者其他无法添加html标签的场景下就不能使用,如一些echart和g6的Graph中就不太好用css样式去设置文字折行。 一个方法就是可定义一个函数指定每行最大长度,最多显示行数,格式化文本内容。 阅读全文
摘要:
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 阅读全文
摘要:
node离线包下载 nodejs官网 https://nodejs.org/dist/ 找到自己需要的node版本,下载后上传到linux. 解压 tar -zxvf node-v1xxx.tar.gz 配置软连接 ln -s /文件路径/node-v1.xxx/bin/node /usr/loca 阅读全文