会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
anin
博客园
首页
新随笔
联系
管理
订阅
1
2
3
4
下一页
2023年9月11日
格式化字符串,截断给定的长文本,控制每行的长度和展示的行数,并添加一个后缀
摘要: css 可以实现内容超出时折行和超出隐藏,配合line-clamp也可以指定显示行数,但是在一些图表或者其他无法添加html标签的场景下就不能使用,如一些echart和g6的Graph中就不太好用css样式去设置文字折行。 一个方法就是可定义一个函数指定每行最大长度,最多显示行数,格式化文本内容。
阅读全文
posted @ 2023-09-11 17:58 anin
阅读(97)
评论(0)
推荐(0)
2023年5月15日
react状态管理store用法二: 使用Hooks 配置redux
摘要: react最通用的状态管理方案就是的redux,下面介绍通过Hooks的方式使用redux npm install react-redux @reduxjs/toolkit -S 创建store 1.新建store文件夹,在下面新建index.tsx文件和slices文件夹,其中slices文件夹用
阅读全文
posted @ 2023-05-15 15:09 anin
阅读(890)
评论(0)
推荐(0)
2023年5月12日
react状态管理store用法一: 使用内置useContext
摘要: 不借助redux,实现状态管理,修改引用数据时可能会有数据更新了,页面没更新的情况。安装immer来避免这个问题 npm install immer use-immer -S store.tsx /* eslint-disable max-statements-per-line */ import
阅读全文
posted @ 2023-05-12 15:11 anin
阅读(374)
评论(0)
推荐(0)
2023年5月11日
高亮显示字符。兼容大小写,特殊字符
摘要: 一个兼容大小写,特殊字符的高亮显示函数 function highlight(str, char) { const escapedChar = char.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); if (str.toLowerCase().includes(ch
阅读全文
posted @ 2023-05-11 14:32 anin
阅读(30)
评论(0)
推荐(0)
2023年5月10日
千分位分割方法js
摘要: 有很多方法,简单快速才是最好的 1. let num = 1234567890; num.toLocaleString(); //"1,234,567,890" 2. // 正则匹配方法一 let num = 1234567890; let reg = /\d{1,3}(?=(\d{3})+$)/g
阅读全文
posted @ 2023-05-10 17:49 anin
阅读(117)
评论(0)
推荐(0)
前端js实现下载文件
摘要: 下载文件核心方法就是获取到文件流后,使用createObjectURL创建url再模拟标签点击下载 1.简单快速 axios(url,{ method:'post', data: 'data', responseType: 'blob', }).then((res) => { const Url =
阅读全文
posted @ 2023-05-10 17:17 anin
阅读(1968)
评论(0)
推荐(0)
前端实现简单轮播图,js实现一个无缝轮播图
摘要: 吐槽 公司首页有一个动态显示数据的板块,同事直接用定时器手动修改div里面的数据,后来要求要有一个动态轮播滚动效果。哎,没办法,加入这个项目后就是在优化改写别人的代码,以前没测试到的bug,现在测出来让我修复,以前没实现的功能让我去实现。一堆简单堆砌的代码,重复用到的地方就是再复制一份,改起来都头大
阅读全文
posted @ 2023-05-10 12:29 anin
阅读(397)
评论(0)
推荐(0)
2023年5月8日
解决antd form表单校验错误时,设置scrollToFirstError 不能滚动到第一个校验错误位置
摘要: 使用antd form表单自带属性scrollToFirstError校验不通过时自动滚动到第一个校验错误位置,但是经常没有效果,手动添加一个滚动方法来处理 // 表单滚动到第一个报错处(antd) export const scrollToFirstError = () => { document
阅读全文
posted @ 2023-05-08 18:29 anin
阅读(3138)
评论(0)
推荐(0)
2023年5月5日
ts 版节流函数
摘要: // 节流函数 /* eslint-disable prefer-rest-params */ export function throttle(func, wait) { let timeout: NodeJS.Timeout | null = null; // eslint-disable-ne
阅读全文
posted @ 2023-05-05 11:23 anin
阅读(278)
评论(0)
推荐(0)
2021年4月1日
linux离线安装nodejs ,配置环境,离线配置全局包
摘要: node离线包下载 nodejs官网 https://nodejs.org/dist/ 找到自己需要的node版本,下载后上传到linux. 解压 tar -zxvf node-v1xxx.tar.gz 配置软连接 ln -s /文件路径/node-v1.xxx/bin/node /usr/loca
阅读全文
posted @ 2021-04-01 18:02 anin
阅读(4163)
评论(0)
推荐(0)
1
2
3
4
下一页
公告