前端资源网 - w3h5And Design5 360安全浏览器样式错乱问题解决
2Deshun 发布于 1年前 (2023-01-30) 1438℃ 评论(0) 赞 (0)
在项目开发中，客户反映页面样式错乱问题，经查是 360安全浏览器，使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器，而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...
经验总结
记录日常工作生活中遇到的问题，技术和知识点
React map 逗号的解决方法
Deshun 发布于 2年前 (2022-08-16) 813℃ 评论(0) 赞 (3)
使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法，数组结构 [1, 2, 3] 里面的逗号也会被带上，就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组，指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。arr.map((item)=>{ return item...
npm ERR! ERESOLVE unable to resolve dependency tree的解决方法
Deshun 发布于 2年前 (2022-08-05) 971℃ 评论(0) 赞 (1)
执行 npm install 安装命令时报错：npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resol...
git stash pop 导致冲突 如何恢复
Deshun 发布于 2年前 (2022-07-12) 1109℃ 评论(0) 赞 (0)
修改完代码后发现当前所在分支不对时执行切换分支命令：git switch feature/others可能会报如下错误：error: Your local changes to the following files would be overwritten by&nb...
Flex弹性布局元素被挤压变扁问题解决
1Deshun 发布于 2年前 (2022-07-05) 1031℃ 评论(0) 赞 (0)
像这种，如果子元素的宽度过大，就会出现被挤扁的情况，不能显示实际的宽度。解决方法：有一个 flex-shrink 属性，可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收...
前端面试题："防抖"和"节流"
Deshun 发布于 2年前 (2022-05-25) 654℃ 评论(0) 赞 (0)
能简单描述一下你对“防抖”和“节流”的认识吗？防抖类似回城，打断就得重新回。节流类似技能需要冷却时间，到了才能用。防抖：在限定时间内，总是执行最后一次。节流：在限定时间内，只会执行第一次。防抖所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。代码实现：/** * @description 防抖 &nb...
Git 实用命令：git stash 让你在分支间切换自如，工作更高效
Deshun 发布于 2年前 (2022-05-07) 690℃ 评论(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 发布于 2年前 (2022-04-18) 1407℃ 评论(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 发布于 2年前 (2022-04-07) 2108℃ 评论(0) 赞 (0)
在 *.less 文件中写：.test { width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的：.test { width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...
Umi动态修改路由跳转redirect配置
Deshun 发布于 2年前 (2022-02-22) 2475℃ 评论(0) 赞 (1)
Umi 的路由跳转可以在配置文件中配置，但如果需要跳转的 path 路径不固定，就比较麻烦了。还在 Umi 提供了运行时配置，可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码：export function patchRoutes({&n...