前端面试题:"防抖"和"节流"
Deshun 发布于 4年前 (2022-05-25) 1390℃ 评论(0) 赞 (0)
能简单描述一下你对“防抖”和“节流”的认识吗?防抖类似回城,打断就得重新回。节流类似技能需要冷却时间,到了才能用。防抖:在限定时间内,总是执行最后一次。节流:在限定时间内,只会执行第一次。防抖所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。代码实现:/** * @description 防抖 &nb...
Deshun 发布于 4年前 (2022-05-25) 1390℃ 评论(0) 赞 (0)
能简单描述一下你对“防抖”和“节流”的认识吗?防抖类似回城,打断就得重新回。节流类似技能需要冷却时间,到了才能用。防抖:在限定时间内,总是执行最后一次。节流:在限定时间内,只会执行第一次。防抖所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。代码实现:/** * @description 防抖 &nb...
Deshun 发布于 4年前 (2022-05-07) 1410℃ 评论(0) 赞 (0)
git branch 、git checkout 、git commit 、git pull 、git push,这些基本的 Git 命令,大家肯定不陌生。今天我再分享一个开发过程中比较实用的命令,可以大大提高工作效率,解决疑难场景,让我们开始吧。git stashstash 命令能够将还未 commit 的代码暂存起来,让你的工作目录变干净。应用场景你正在 feature 分支开发新功能,突然你...
Deshun 发布于 4年前 (2022-04-18) 2302℃ 评论(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 发布于 4年前 (2022-04-07) 4404℃ 评论(0) 赞 (0)
在 *.less 文件中写:.test { width: calc(300px - 20px); }在相应的 *.css 文件中的结果是这样的:.test { width: calc(280px); }这里的 calc(300px - 20px) 由编译软件计算得出。在 *...
Deshun 发布于 4年前 (2022-02-22) 3416℃ 评论(0) 赞 (1)
Umi 的路由跳转可以在配置文件中配置,但如果需要跳转的 path 路径不固定,就比较麻烦了。还在 Umi 提供了运行时配置,可以通过 patchRoutes 方法在运行时对路由进行修改。比如我要修改 redirect 为第一个有效的路由 path 。在 app.tsx 中增加下面代码:export function patchRoutes({&n...
Deshun 发布于 4年前 (2022-01-26) 1796℃ 评论(0) 赞 (0)
前几天同事遇到一个问题,代码修改完本地可以运行,提交到 gitlab ,Jenkins 构建失败,报错找不到文件(图片)。然后改了半天的路径和引入方式:require import @/ 相对路径 都试了,还是构建失败。最后发现本地图片文件名是大写,gitlab 上面是小写,所以导致 Jenkins 构建失败。这就涉及到 Git 大小写敏感的问题了,简单梳理一下逻辑:张三编写组...
Deshun 发布于 4年前 (2022-01-17) 3459℃ 评论(0) 赞 (1)
umi 项目,基于 React + TypeScript ,今天同事遇到一个问题,ts 报错如下:Type 'Element | undefined' is not assignable to type 'ReactElement<any, any> |...
Deshun 发布于 4年前 (2022-01-17) 1374℃ 评论(0) 赞 (0)
['1', '2', '3'].map(parseInt) 的返回值是什么?很多人的第一反应是 [1, 2, 3] ,但是结果并非如此。 真正的结果是 [1, NaN, NaN] 为什么?我们慢慢往下看...
Deshun 发布于 4年前 (2022-01-11) 1589℃ 评论(0) 赞 (0)
使用 React 的 <animated.div /> 时,发现控制台一直打印报错/报警:Got NaN while animating: SpringValue {id: 2899, key: 'width', _priority: 0, animation: Animation, queue: undefined, …} 。这说明页面中有使用数学...
Deshun 发布于 4年前 (2022-01-11) 2538℃ 评论(0) 赞 (0)
执行完 git add . 才发现没有在对应的分支,如何撤回呢?可以参考下面的方法:文件退出暂存区,但是修改保留:git reset --mixed撤销所有的已经 add 的文件:git reset HEAD .撤销某个文件或文件夹:git reset HEAD -filename另外:...