- 博客(23)
- 收藏
- 关注
RSS订阅原创 Input输入框的防抖实现方案【deepseek优化版本】
总结，优化后的代码通过useRef和useEffect更好地管理防抖函数的生命周期，避免了内存泄漏和过时闭包问题，同时确保防抖函数总是使用最新的依赖项。对于用户提到的删除卡顿问题，由于输入框的值是即时更新的（通过setInputValue），防抖仅影响onChange回调的触发时机，因此删除操作的响应是流畅的。但这样可能引入新的问题，比如父组件更新propValue时，防抖后的onChange可能覆盖父组件的状态，导致循环更新。不过这是防抖的正常行为，不是异常，但需要确认是否符合需求。
2025-02-08 16:19:50
968
原创 【前端bug】栅格布局（grid布局）导致的父元素高度不固定，子元素设置溢出滚动失效？？？
实际业务场景比这个更深一点，大致这个样子，然后问题就出现了，当组件A的内容很多的时候，我期望的是内容就会在右边这个小区域内滚动，但是~现实是右边的整个区域并未展示滚动条，而是直接纵向拉伸，展示了所有的数据，直接懵掉，如下图所示。这样，层层下去之后父元素的高度就是固定的，子元素的设置了height：100%;)，但是最内层的元素的高度是不受控的，就是你塞多少东西，它的高度就是多少，然后层层再撑开父级元素。最近在实现一个前端界面的布局的时候，使用grid布局的时候碰到的一些问题，和大家探讨一下下。
2024-03-20 17:38:36
2301
原创 【前端bug】React + Ant-design 4.x版本下的Radio.Group无法初始化选中Radio标签？？？
的时候就要给Radio组件对应字段赋值，而不要在Radio内部再进行赋值。
2024-03-19 18:20:27
618
原创 【前端插件】HTML界面元素打印成图片？？？html2canvas祝你一臂之力
tips:html2canvas提供了很多下载的参数，详情可以查阅。需求：把界面上的某一部分打印出来，下载成图片。（内置官网链接，详情可查阅）3、这样，图片就下载好啦！
2024-03-06 17:49:21
545
原创 【前端工具】NVM -- node包管理工具
nvm的目的是为了解决本地开发环境项目繁杂，不同项目所需的node版本均不同，每次跑项目都有可能随机触发node版本过高过低导致的依赖安装失败问题话不多说，开搞！
2024-02-20 17:11:40
550
1
原创 【前端优化】登录页背景图加载缓慢？？？压缩一下会好很多！！！
公司内部的业务系统基本都有登录页，背景图基本都是UI切的高清2倍图，文件大小基本都是10mb+，就会导致在业务系统首次加载或者网速较差的情况下背景图加载时卡顿，一帧一帧出现，然后和UI试了一下，将背景图进行压缩之后，在不很是掉画质的情况下，压缩后的背景图可以实现秒开。1、如果和UI的关系比较好，就让他/她帮忙压缩一下。2、图片压缩工具 –
2024-02-18 11:00:35
816
3
原创 百度地图放大缩小的时候不以鼠标位置为中心点，放大向上，缩小向下？？？
tips:.ant-modal-body调用的是ant的modal弹窗，.ant-modal-body是包含滚动条的dom元素。1、地图部分放到无滚动区域的dom中，只要不溢出，就不会缩放有问题。2、实时更新地图元素的scrollTop。
2024-02-02 14:43:46
850
1
原创 更新依赖报错【info There appears to be trouble with your network connection. Retrying...】
【代码】更新依赖报错【info There appears to be trouble with your network connection. Retrying...】
2024-02-01 16:54:56
481
1
原创 删除文件夹提示【你需要来自xxxx的权限才能对此文件夹进行修改】？？
【代码】删除文件夹提示【你需要来自xxxx的权限才能对此文件夹进行修改】？？
2024-01-31 17:44:19
397
原创 yarn install 报错【appears to be trouble with your network connection. Retrying...】解决方案
2.配置文件问题，可正常yarn install的配置如图。1.yarn版本问题，截止排查时间官网给出的稳定版本是。，注意检查一下自己的node版本。
2023-12-13 14:57:14
4973
2
原创 开发常用工具库
轻量级的react高度适配的ecahrt库：https://recharts.org/zh-CN/api/RadarChart。特效库（开源免费）：https://hepengwei.cn/#/html/interactiveDesign。
2023-11-16 10:28:37
134
1
原创 解决：无法将“node.exe”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
一定要把所有的vscode窗口关了，然后重新打卡，是所有！配置node环境变量。
2023-10-17 10:31:54
927
原创 前端正则入门
普通字符：直接匹配所需字符。/abc/ – 匹配字符串abc元字符：具有特殊含义的字符，如.、*、+、?、\等。/+/ – 匹配符号+，字符类：用方括号[]表示，匹配方括号中的任意一个字符。/[abc]/ – 匹配abc中任意一个转义字符：用反斜线\跟在字符后面，表示匹配字符本身。预定义字符类：如\d（匹配数字）、\w（匹配字母数字下划线）等// 声明正则语句 -- 匹配字符串hello。
2023-07-26 14:34:49
174
1
原创 ReactEcharts柱状图点击事件绑定
正文：在React框架中使用ReactEcharts，并配置点击事件，获取点击节点，进行后续操作。前言：技术栈（React），相关版本号：（echarts-for-react →。
2023-03-03 14:05:25
1480
原创 react-hooks初探：useEffect入门使用场景
react-hooks初探：useEffect入门使用场景前言useEffect基本构造：前言hook初学者一枚，仅以记录hooks学习中领悟的一些小知识useEffect基本构造：useEffect(() => { //1.常用操作逻辑 //2.return函数（当前组件销毁的时候你想干点儿什么）},[//3. 可控参数（可有可没有）])1.常用操作部分不做多余阐述，随意发挥，根据不同的useState生成的变量做不同的逻辑处理2.return函数：我的理解是这个return函数
2021-04-05 19:49:15
944
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人