经验总结

记录日常工作生活中遇到的问题,技术和知识点
经验总结

React map 逗号的解决方法

Deshun 发布于 2年前 (2022-08-16) 1106℃ 评论(0) 赞 (3)

使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。arr.map((item)=>{   return item...

经验总结

Flex弹性布局元素被挤压变扁问题解决

1

Deshun 发布于 3年前 (2022-07-05) 1467℃ 评论(0) 赞 (0)

Flex弹性布局元素被挤压变扁问题解决

像这种,如果子元素的宽度过大,就会出现被挤扁的情况,不能显示实际的宽度。解决方法:有一个 flex-shrink 属性,可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收...

经验总结

前端面试题:"防抖"和"节流"

Deshun 发布于 3年前 (2022-05-25) 952℃ 评论(0) 赞 (0)

能简单描述一下你对“防抖”和“节流”的认识吗?防抖类似回城,打断就得重新回。节流类似技能需要冷却时间,到了才能用。防抖:在限定时间内,总是执行最后一次。节流:在限定时间内,只会执行第一次。防抖所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。代码实现:/**  * @description 防抖 &nb...

经验总结

Git 实用命令:git stash 让你在分支间切换自如,工作更高效

Deshun 发布于 3年前 (2022-05-07) 1029℃ 评论(0) 赞 (0)

git branch 、git checkout 、git commit 、git pull 、git push,这些基本的 Git 命令,大家肯定不陌生。今天我再分享一个开发过程中比较实用的命令,可以大大提高工作效率,解决疑难场景,让我们开始吧。git stashstash 命令能够将还未 commit 的代码暂存起来,让你的工作目录变干净。应用场景你正在 feature 分支开发新功能,突然你...

经验总结

Umi动态修改路由跳转redirect配置

Deshun 发布于 3年前 (2022-02-22) 2878℃ 评论(0) 赞 (1)

Umi 的路由跳转可以在配置文件中配置,但如果需要跳转的 path 路径不固定,就比较麻烦了。还在 Umi 提供了运行时配置,可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码:export function patchRoutes({&n...

经验总结

Git大小写不敏感问题避免,Jenkins代码构建失败踩坑记录

Deshun 发布于 3年前 (2022-01-26) 1403℃ 评论(0) 赞 (0)

前几天同事遇到一个问题,代码修改完本地可以运行,提交到 gitlab ,Jenkins 构建失败,报错找不到文件(图片)。然后改了半天的路径和引入方式:require import @/ 相对路径 都试了,还是构建失败。最后发现本地图片文件名是大写,gitlab 上面是小写,所以导致 Jenkins 构建失败。这就涉及到 Git 大小写敏感的问题了,简单梳理一下逻辑:张三编写组...