![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
疑难杂症
解决问题
王布尔
一只前端小菜鸡,有时间会发一些项目中比较具有实用性的博客,有不严谨之处尽请指点
展开
-
如何在鼠标点击指定元素以外的元素时 触发事件
步骤三:通过ref.current.contains()函数判断点击的元素是否是当前元素;步骤四:如果不是当前元素(非指定元素)则执行想要的事件;步骤一:通过React.useRef()获取指定元素;步骤二:给document对象添加点击事件;原创 2024-03-14 14:56:27 · 727 阅读 · 0 评论 -
鼠标光标选取文本值、获取文本索引
步骤四:通过event的selectionStart属性和selectionEnd属性获取文本位置;步骤三:通过mouseup事件的event + 类名来限制可截取元素的范围;步骤一:通过document添加mouseup事件;这是在做一个字段分割的需求。原创 2024-03-07 17:44:26 · 432 阅读 · 0 评论 -
如何在控制台重新发送请求、修改请求参数
右键鼠标右键点击接口、选择复制、选择以fetch格式复制。- 进入控制台、粘贴内容、可以对请求进行修改、最后点击回车。注意:重放XHR不会重新渲染页面数据,只是单纯的请求接口。- 回到网络、查看请求方式、GET修改为POST了。- 鼠标右键点击请求,选择重放XHR。- 可以看到重新发起了一次请求。注意:可能会遇到跨域问题。原创 2024-03-06 15:19:04 · 1062 阅读 · 0 评论 -
监听hover中的元素
(2) 鼠标放在hover元素上面,然后使用快捷键control+\,稍等一下就可以进入断点调试。我们可以通过控制台左上方的指针按钮点击查看想要的元素,然后通过强制设置元素状态来显示、查看元素的hover属性。2、一些复杂的hover元素(例如antd的Tooltip文字提示,虽然是hover显示的,但是实际上并不是hover元素)(3) 点击控制台左上方的指针,再点击停止的hover元素,这样就能找到hover的标签了。我们可以通过快捷键control+\快捷键,开启断点调试功能监听。原创 2023-10-23 14:59:51 · 509 阅读 · 0 评论 -
Bigfish接口请求失败导致阻塞异步任务执行问题
因为js是单线程,只有主线程的任务执行完之后才会执行异步请求,接口无法加载数据导致主线程阻塞,所以像分页器这些异步请求就无法发起执行。检查之后发现逻辑没有问题,唯一的问题是页面中有两个搜选接口500。经过分析确认了原因,接口报错导致阻塞异步任务(分页器)执行。用户反馈antd Table组件的分页器失效。原创 2024-01-26 11:25:22 · 515 阅读 · 0 评论