首页 文章 精选 留言 我的
优秀的个人博客,低调大师

微信关注我们

原文链接:https://cloud.tencent.com/developer/article/2752002

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

别再混淆了:JavaScript 中 e.target 与 e.currentTarget 的真实区别与实战踩坑

写事件处理函数时,我见过太多人在 click 回调里随手用 e.target 去改样式或取数据,结果在嵌套结构里翻车。比如一个卡片列表,点击内部的删除按钮,却把整个卡片的背景色改了;或者用事件委托监听 ul,点击 li 里的 span 时拿到的 target 是 span,而你需要的是那个 li。这类问题的根源就是没分清 e.target 和 e.currentTarget。target 始终指向触发事件的原始元素,也就是你实际点中的那个节点;currentTarget 则指向当前绑定监听器的那个元素。在事件冒泡过程中,target 不会变,但 currentTarget 会随着事件流经过的每...

React 中 useEffect 依赖数组的三种谎言与真实运行逻辑

很多人第一次写 useEffect 时都会默认“依赖数组就是告诉 React 什么时候重新执行副作用”。这个理解在简单场景下能用,但一旦涉及对象、函数、闭包和并发渲染,就会开始出现奇怪的 bug:明明依赖没变,副作用却跑了;或者依赖变了,副作用却拿不到最新值。问题的核心在于 React 并不比较依赖的“语义”,它只做 Object.is 比较,而且每次渲染都会重新创建函数和对象。这篇文章会从一次实际遇到的轮询请求失效问题出发,解释依赖数组的真实比较机制、闭包陷阱、函数依赖的稳定化手段,以及 useEffect 在严格模式和并发特性下的行为差异。

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

用户登录
用户注册