前端资源网 - w3h5Flex弹性布局元素被挤压变扁问题解决
1Deshun 发布于 3年前 (2022-07-05) 2000℃ 评论(0) 赞 (0)
像这种，如果子元素的宽度过大，就会出现被挤扁的情况，不能显示实际的宽度。解决方法：有一个 flex-shrink 属性，可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收...
经验总结
记录日常工作生活中遇到的问题，技术和知识点
前端面试题："防抖"和"节流"
Deshun 发布于 4年前 (2022-05-25) 1421℃ 评论(0) 赞 (0)
能简单描述一下你对“防抖”和“节流”的认识吗？防抖类似回城，打断就得重新回。节流类似技能需要冷却时间，到了才能用。防抖：在限定时间内，总是执行最后一次。节流：在限定时间内，只会执行第一次。防抖所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。代码实现：/** * @description 防抖 &nb...
Git 实用命令：git stash 让你在分支间切换自如，工作更高效
Deshun 发布于 4年前 (2022-05-07) 1444℃ 评论(0) 赞 (0)
git branch 、git checkout 、git commit 、git pull 、git push，这些基本的 Git 命令，大家肯定不陌生。今天我再分享一个开发过程中比较实用的命令，可以大大提高工作效率，解决疑难场景，让我们开始吧。git stashstash 命令能够将还未 commit 的代码暂存起来，让你的工作目录变干净。应用场景你正在 feature 分支开发新功能，突然你...
ECharts 3D React umi 报错：Component series.surface not exists. Load it first
Deshun 发布于 4年前 (2022-04-18) 2348℃ 评论(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 ...
LESS中加‘~’符号的区别
Deshun 发布于 4年前 (2022-04-07) 4454℃ 评论(0) 赞 (0)
在 *.less 文件中写：.test { width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的：.test { width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...
Umi动态修改路由跳转redirect配置
Deshun 发布于 4年前 (2022-02-22) 3464℃ 评论(0) 赞 (1)
Umi 的路由跳转可以在配置文件中配置，但如果需要跳转的 path 路径不固定，就比较麻烦了。还在 Umi 提供了运行时配置，可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码：export function patchRoutes({&n...
Git大小写不敏感问题避免，Jenkins代码构建失败踩坑记录
Deshun 发布于 4年前 (2022-01-26) 1836℃ 评论(0) 赞 (0)
前几天同事遇到一个问题，代码修改完本地可以运行，提交到 gitlab ，Jenkins 构建失败，报错找不到文件（图片）。然后改了半天的路径和引入方式：require import @/ 相对路径 都试了，还是构建失败。最后发现本地图片文件名是大写，gitlab 上面是小写，所以导致 Jenkins 构建失败。这就涉及到 Git 大小写敏感的问题了，简单梳理一下逻辑：张三编写组...
Type 'undefined' is not assignable to type 'ReactElement | null'.ts(2322)报错原因及解决方法
Deshun 发布于 4年前 (2022-01-17) 3504℃ 评论(0) 赞 (1)
umi 项目，基于 React + TypeScript ，今天同事遇到一个问题，ts 报错如下：Type 'Element | undefined' is not assignable to type 'ReactElement<any, any> |...
['1','2','3'].map(parseInt)的返回值是什么？你真的了解基数radix吗
2Deshun 发布于 4年前 (2022-01-17) 1403℃ 评论(0) 赞 (0)
['1', '2', '3'].map(parseInt) 的返回值是什么？很多人的第一反应是 [1, 2, 3] ，但是结果并非如此。 真正的结果是 [1, NaN, NaN] 为什么？我们慢慢往下看...
使用React animated/useSpring报错Got NaN while animating的解决方法
Deshun 发布于 4年前 (2022-01-11) 1631℃ 评论(0) 赞 (0)
使用 React 的 <animated.div /> 时，发现控制台一直打印报错/报警：Got NaN while animating: SpringValue {id: 2899, key: 'width', _priority: 0, animation: Animation, queue: undefined, …} 。这说明页面中有使用数学...