点击事件

最推荐方式是 navigator.clipboard.writeText()，现代浏览器均支持，需 HTTPS 或 localhost 安全上下文，必须用户触发；旧浏览器降级用 document.execCommand(“copy”)。 用 JavaScript 实现复制到剪…

事件循环协调调用栈、宏任务队列和微任务队列，确保异步非阻塞：每轮仅执行一个宏任务，但清空全部微任务；Promise.then属微任务，setTimeout属宏任务，故前者总先执行。 JavaScript 的事件循环（Event Loop）是它实现异步非阻塞行为的核心机制。它不负责执行代码，而是协调调…

微任务在当前宏任务结束后立即执行并清空队列，宏任务则每次只执行一个；事件循环每轮依次执行宏任务、收集微任务、清空微任务队列、可选UI渲染。 微任务和宏任务的核心区别在于执行时机和优先级：微任务在当前宏任务结束后立即执行，且必须清空整个微任务队列；宏任务则按事件循环一轮一轮调度，每次只取一个。 执行顺…

JavaScript常用循环有5种：for适合次数明确或需索引的场景；while适合条件驱动、次数不确定的情况；do…while确保至少执行一次；for…in遍历对象可枚举属性（含原型链），需hasOwnProperty过滤；for…of遍历可迭代对象（如数组、M…

JavaScript实现可排序过滤表格需分离原始数据与显示数据：点击表头切换升序/降序并更新排序图标，输入框实时过滤多字段（忽略大小写），每次操作均基于originalData重新计算displayData后渲染，推荐使用DocumentFragment提升性能。 用 JavaScript 实现可排…

JavaScript自定义模态框核心是控制遮罩层与居中弹窗的显隐，通过classList切换show类、监听点击/ESC/背景点击事件，并阻止冒泡、禁用滚动、添加过渡动画和焦点管理实现轻量可用效果。 用 JavaScript 制作自定义模态框，核心是控制一个遮罩层（overlay）和一个居中弹窗（m…

Notification API 是浏览器提供的系统级通知接口，需用户授权且仅限 HTTPS 或 localhost 环境；先调用 requestPermission() 获取许可，再用 new Notification() 创建通知，注意兼容性与频率限制。 Notification API 是浏览…

微任务队列在宏任务结束后立即清空所有任务，包括过程中新加入的；常见来源有Promise回调、MutationObserver、queueMicrotask等，执行优先级高于宏任务但不触发渲染。 微任务队列是 JavaScript 事件循环中优先级更高、执行更及时的一类异步任务集合，它总在当前宏任务执…

JavaScript事件是用户或浏览器执行的动作，通过addEventListener()可为元素添加灵活、可维护的点击等事件监听器，支持多监听器、事件委托及移除，是前端交互开发基础。 JavaScript 事件是用户或浏览器执行的特定动作（比如点击、鼠标移动、页面加载完成等），它让网页具备交互能力…

本文探讨了在web开发中，当点击元素外边距时，`e.target`事件对象可能返回父元素而非目标元素的问题。针对这一常见挑战，文章提出了一种巧妙的解决方案：通过为目标元素添加一个具有负`inset`值的`::before`伪元素，并结合`position: absolute`和`z-index`属性…