首页 文章 精选 留言 我的

精选列表

搜索[JavaScript],共9120篇文章
优秀的个人博客,低调大师

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

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

优秀的个人博客,低调大师

JavaScript 中 Intl.NumberFormat 的实战用法:从千分位到货币与单位格式化

最近在一个后台管理项目的财务模块里,需要在页面上展示多币种金额、百分比、文件大小和紧凑数字(比如 12.3K、1.2M),后端返回的都是原始数值,前端要按不同地区用户的习惯做本地化格式化。以前团队里习惯手写 toFixed、字符串截取加符号,结果遇到欧元符号位置、印度数字分组(1,00,000 这种)、阿拉伯语环境下的数字方向时,代码里全是判断分支,维护起来很痛苦。后来把这类需求统一交给 Intl.NumberFormat,大部分逻辑都收敛成配置项了。这篇文章整理一下我在实际项目里用到的几种配置方式,包括普通数字分组、货币格式、百分比、紧凑计数,以及如何通过 formatToParts 做更细粒度的渲染控制。

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

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

Nacos

Nacos

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

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

用户登录
用户注册