该问题的核心是浏览器对后台标签页的资源优化机制，现代浏览器（尤其是Chrome）为了节省电量、内存，会降低后台标签页的JavaScript执行频率，甚至冻结定时器。 一. 使用Visibility A

90% 的前端开发者都忽略了 addEventListener 的第三个参数！从布尔值到配置对象，它藏着控制事件阶段、自动解绑、优化性能的关键技巧

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户

MutationObserver给开发者们提供了一种能在某个范围内的DOM树发生变化时作出适当反应的能力.该API设计用来替换掉在DOM3事件规范中引入的Mutation事件.

在我们阻止节点事件向上冒泡时，通常会使用stopPropagation这个方法，但是突然发现还有一个stopImmediatePropagation方法，同样也可以阻止事件冒泡，分析一下不同。 都可以阻止事件冒泡，父节点无法接受到事件。

最近一个月，为了给团队补充新鲜血液，我密集面试了差不多20位前端候选人，从刚毕业的新人到有三五年经验的都有。 面试得多了，我发现一个很有意思，甚至有点反常识的现象：现在很多候选人的知识结构，好像是个倒

为什么我们需要 requestIdleCallback？ 在传统的前端开发中，当我们执行耗时任务时，很容易阻塞主线程，导致页面卡死甚至用户交互延迟： 这种同步执行的后果： 用户操作无响应：按钮点击、输

探索实验性 DOM API moveBefore ！✨ 它能让你更直观地将一个节点移动到同一父节点下另一个节点之前。

前言 现代前端开发中，随着应用的复杂性和交互性的增加，OOM（Out Of Memory，内存不足）问题和内存泄漏逐渐成为影响用户体验和应用性能的关键挑战。排查和解决这些问题需要开发人员具备良好的调试