React map 逗号的解决方法
Deshun 发布于 2年前 (2022-08-16) 1043℃ 评论(0) 赞 (3)
使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。arr.map((item)=>{ return item...
Deshun 发布于 2年前 (2022-08-16) 1043℃ 评论(0) 赞 (3)
使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。arr.map((item)=>{ return item...
Deshun 发布于 2年前 (2022-08-05) 1260℃ 评论(0) 赞 (1)
执行 npm install 安装命令时报错:npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resol...
Deshun 发布于 2年前 (2022-07-12) 1400℃ 评论(0) 赞 (0)
修改完代码后发现当前所在分支不对时执行切换分支命令:git switch feature/others可能会报如下错误:error: Your local changes to the following files would be overwritten by&nb...
Deshun 发布于 2年前 (2022-07-05) 1385℃ 评论(0) 赞 (0)
像这种,如果子元素的宽度过大,就会出现被挤扁的情况,不能显示实际的宽度。解决方法:有一个 flex-shrink 属性,可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收...
Deshun 发布于 2年前 (2022-05-25) 903℃ 评论(0) 赞 (0)
能简单描述一下你对“防抖”和“节流”的认识吗?防抖类似回城,打断就得重新回。节流类似技能需要冷却时间,到了才能用。防抖:在限定时间内,总是执行最后一次。节流:在限定时间内,只会执行第一次。防抖所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。代码实现:/** * @description 防抖 &nb...
Deshun 发布于 3年前 (2022-05-07) 964℃ 评论(0) 赞 (0)
git branch 、git checkout 、git commit 、git pull 、git push,这些基本的 Git 命令,大家肯定不陌生。今天我再分享一个开发过程中比较实用的命令,可以大大提高工作效率,解决疑难场景,让我们开始吧。git stashstash 命令能够将还未 commit 的代码暂存起来,让你的工作目录变干净。应用场景你正在 feature 分支开发新功能,突然你...
Deshun 发布于 3年前 (2022-04-18) 1742℃ 评论(0) 赞 (0)
React 的 Umi项目,在使用 Echarts 3D 时报错:Error: Component series.surface not exists. Load it first.报错原因Echarts 3D 还需要依赖 echarts-gl 解决方法npm 安装 echarts-gl 依赖:npm install echarts-gl ...
Deshun 发布于 3年前 (2022-04-07) 3724℃ 评论(0) 赞 (0)
在 *.less 文件中写:.test { width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的:.test { width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...
Deshun 发布于 3年前 (2022-02-22) 2796℃ 评论(0) 赞 (1)
Umi 的路由跳转可以在配置文件中配置,但如果需要跳转的 path 路径不固定,就比较麻烦了。还在 Umi 提供了运行时配置,可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码:export function patchRoutes({&n...
Deshun 发布于 3年前 (2022-01-26) 1333℃ 评论(0) 赞 (0)
前几天同事遇到一个问题,代码修改完本地可以运行,提交到 gitlab ,Jenkins 构建失败,报错找不到文件(图片)。然后改了半天的路径和引入方式:require import @/ 相对路径 都试了,还是构建失败。最后发现本地图片文件名是大写,gitlab 上面是小写,所以导致 Jenkins 构建失败。这就涉及到 Git 大小写敏感的问题了,简单梳理一下逻辑:张三编写组...