摘要: 最近做的react项目中遇到了一个form表单循环验证的问题,困惑了我一天,后来还是在同事的帮助下解决了,今天有空记录一下,加深下印象: 解决思路:react form验证中,只能校验rules对象里面有的属性,所以在这里做校验的时候我们需要把循环里面需要校验的属性给他摘出来放在rules对象中 解 阅读全文
posted @ 2022-05-30 13:57 ꧁我是一个前端爱好者꧂ 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 1.nvm是什么: nvm全名nodejs version manage,是一个nodejs的版本管理工具。 2.nvm有什么作用: nvm可以控制多个nodejs版本,没有安装nvm之前一个电脑上面只能有一个nodejs版本,开发中,新项目一般使用较新的nodejs版本,老项目使用老版本的node 阅读全文
posted @ 2022-05-12 17:03 ꧁我是一个前端爱好者꧂ 阅读(1597) 评论(0) 推荐(1) 编辑
摘要: 实现效果: 代码内容: <div className={styles.progressBox}> <div className={styles.progress}></div> <div className={styles.progress_bar} style={{ width: "40%" }} 阅读全文
posted @ 2022-05-10 09:51 ꧁我是一个前端爱好者꧂ 阅读(315) 评论(0) 推荐(0) 编辑
摘要: 实现效果: 完整代码: import * as echarts from "echarts";//引入echarts组件 let chartDom = document.getElementById("lineGraph"); let echartsInstance = echarts.init(c 阅读全文
posted @ 2022-05-05 17:05 ꧁我是一个前端爱好者꧂ 阅读(751) 评论(0) 推荐(0) 编辑
摘要: 最近在做一个图表的项目,用到了echarts组件,官网上的参数实在是太多看的眼花缭乱的,发个博客记录一下柱状图常用的属性 实现效果: 完整代码: import * as echarts from "echarts";//引入echarts let chartDom = document.getEle 阅读全文
posted @ 2022-05-05 16:57 ꧁我是一个前端爱好者꧂ 阅读(4405) 评论(0) 推荐(0) 编辑
摘要: js处理数字要求每隔三位数字添加一个逗号,有两种方法可以实现,在这里只讲最简单的正则方法 const numer = 123456789; const reg = /(\d)(?=(?:\d{3})+$)/g; const newNumber = number.toString().replace( 阅读全文
posted @ 2022-04-29 14:36 ꧁我是一个前端爱好者꧂ 阅读(4353) 评论(0) 推荐(1) 编辑
摘要: 我们在开发移动端的时候,会遇到给元素添加1px边框的问题,我们在开发的时候给边框设置为0.01rem solid #ccc 在开发页面中显示的很清晰,真机测试的时候就会发现边框颜色很浅,很淡,几乎可以忽略不计,咋一看感觉无从下手不知道怎解决 后来了解到这是因为手机像素的问题,不同型号的手机有着不同的 阅读全文
posted @ 2022-04-28 16:42 ꧁我是一个前端爱好者꧂ 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 1.当我们使用useState声明一个变量的时候,如果后面的逻辑中并没有使用该变量那么eslint就会在该变量下面报红,提示我们该变量声明了但是未使用,这个时候如果该变量和它后面的更改的方法均为使用则可删除,若更改他的方法被使用了,这个时候就不能删除了,我们需要添加一行注释来解决这个eslint报红 阅读全文
posted @ 2022-04-27 17:54 ꧁我是一个前端爱好者꧂ 阅读(780) 评论(0) 推荐(0) 编辑
摘要: 今天使用css 伪类元素实现一个小三角的效果,很长时间没有用过了,今天发个博客记录下: 实现效果: 伪类代码: .activeStatusItem::after{ content:'';//一定要有它,否则效果出不来 position:absolute;//给高亮元素定位,在这之前要给statusI 阅读全文
posted @ 2022-04-26 11:48 ꧁我是一个前端爱好者꧂ 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 今天做项目的时候用到了antd-mobile中的Input组件,页面效果是出来了,可input中无法输入内容,看了官网上的使用方法也没有发现问题,后来百度了一下才发现问题 这是我目前写法: const [form,setForm] = useState({account:'',password:'' 阅读全文
posted @ 2022-04-24 16:26 ꧁我是一个前端爱好者꧂ 阅读(2121) 评论(0) 推荐(1) 编辑