JavaScript DOM 与事件

JavaScript DOM 与事件

从 DOM 树和节点操作入手,梳理事件绑定、捕获与冒泡、事件委托和动态内容更新。重点关注弹窗、轮播、Tab 切换与滚动交互中的实现思路,说明事件重复绑定、默认行为和节点移除时需要检查的问题。

50 条内容添加时间:2026-11-04浏览量:549
HTML、CSS和JS的关系:Web前端三件套怎么协作

深入解析HTML、CSS与JavaScript的核心职责与分工边界,结合浏览器DOM/CSSOM构建、渲染流水线以及完整实战代码示例,系统阐述前端三件套如何在运行时高效协作。

HTML、CSS和JS的关系:Web前端三件套怎么协作
11.04602 浏览交互手记
Fabric.js 快速上手:画布初始化与基本对象操作

本文系统讲解 Fabric.js 的快速上手指南,涵盖环境引入、画布初始化(对比交互式 Canvas 与静态 StaticCanvas 的架构差异)、基础几何图形与文本对象的创建、属性调整以及核心重绘机制。

Fabric.js 快速上手:画布初始化与基本对象操作
11.04627 浏览竹影
JS使用remove()方法删除DOM元素

深入讲解原生 JavaScript 中使用 Element.remove() 方法删除 DOM 节点的使用指南。涵盖基础语法、标准操作流程、与 parentNode.removeChild() 的机制对比、内存释放与垃圾回收考量,以及批量删除与异步动效等实战场景。

JS使用remove()方法删除DOM元素
11.04194 浏览流萤
JS修改CSS复合属性(如background、transform)的正确写法

深入解析使用 JavaScript 修改 CSS 复合属性(如 background、transform、border 等)时的隐式重置与全量覆盖陷阱,并提供长属性精准赋值、现代独立变换属性、CSS 自定义属性变量驱动等优雅、健壮的标准写法。

JS修改CSS复合属性(如background、transform)的正确写法
11.04444 浏览交互手记
为什么推荐用DOMContentLoaded代替window.onload初始化JS

深入解析为什么在网页JavaScript脚本初始化中推荐优先使用DOMContentLoaded代替window.onload。从浏览器加载流水线、执行时机差异、用户体验可交互时间(TTI)、代码实现规范到异常状态防御进行全方位实用讲解。

为什么推荐用DOMContentLoaded代替window.onload初始化JS
11.04394 浏览窗边听雨
在 D3.js 中实现平滑过渡动画的技巧

深入解析在 D3.js 中实现流畅、无跳变、高性能过渡动画的核心技巧,涵盖时间曲线配置、路径补间算法、命名过渡与打断机制排查。

在 D3.js 中实现平滑过渡动画的技巧
11.03165 浏览小圆点
Fabric.js 事件系统详解:自定义鼠标行为与对象选中逻辑

深入解析 Fabric.js 事件系统的分层架构与分发机制,系统讲解自定义鼠标拖拽平移、滚轮阻尼缩放的无冲突实现,以及 selectable、evented、图层保序与组内拾取等对象选中逻辑的精细化控制。

Fabric.js 事件系统详解:自定义鼠标行为与对象选中逻辑
11.03473 浏览交互手记
解决JS颜色选择器在移动端点击失效或位置偏移

针对JavaScript颜色选择器在移动端触摸点击无响应、滑动选色中断以及触控光标与像素取样偏移等问题,从事件体系升级、物理像素映射和视口边界自适应三个维度提供深度的排查思路与可落地的完整解决方案。

解决JS颜色选择器在移动端点击失效或位置偏移
11.03179 浏览交互手记
JS怎么使用classList.replace精准替换指定类名

本文深入讲解JavaScript中使用classList.replace精准替换元素类名的方法。涵盖语法规则、返回值机制、与remove/add及字符串替换的核心差异、实战场景示例与开发避坑指南。

JS怎么使用classList.replace精准替换指定类名
11.03300 浏览小圆点
怎么用 p5.js 实现鼠标跟随与键盘交互效果

本文详细讲解如何使用 p5.js 实现丝滑的鼠标跟随与灵敏的键盘交互效果,涵盖 setup 与 draw 帧循环机制、lerp 线性插值缓动算法、keyPressed 离散事件与 keyIsDown 连续状态监听,并提供完整的综合实战代码与避坑指南。

怎么用 p5.js 实现鼠标跟随与键盘交互效果
11.03283 浏览像素漫游
JS怎么使用addEventListener监听键盘事件

详细讲解在 JavaScript 中使用 addEventListener 监听键盘事件的标准做法,包含事件类型选择、key 与 code 属性解析、组合键判定、输入法防误触以及避免内存泄漏的清理步骤。

JS怎么使用addEventListener监听键盘事件
11.03421 浏览小圆点
AOS.js data-aos 属性详解:自定义动画类型、延迟与偏移量

深入详解 AOS.js 滚动动画核心属性:data-aos、data-aos-delay 与 data-aos-offset 的运行机理,详细讲解自定义 CSS 动画类型的实现方案、多卡片阶梯延迟编排及视口偏移量校准技巧。

AOS.js data-aos 属性详解:自定义动画类型、延迟与偏移量
11.03429 浏览窗边听雨