本文深入探讨了 JavaScript 中处理事件的两种不同方式：熟悉的 onclick 和通用的 addEventListener 方法。 通过深入研究这两种机制的细微差别，我们揭示了它们各自提供的独特优势以及它们擅长的情况。

在网络开发领域，交互性至关重要。创建响应灵敏且引人入胜的 Web 应用程序的能力是成功 Web 开发人员的标志。构建交互式 Web 应用程序的核心方面之一是事件处理

它只会在这个组件加载时，绑定事件，如果这个事件中用到了其他的 state，那么这个状态发生变化时事件中是拿不到最新的 state，你会想到，我把 state 放到依赖项中：

不知道大家在网页开发的过程中有没有遇到过关于滚动事件的痛点，我们可以通过 onscroll 事件来监听浏览器是否发生了滚动，但是我们却很难知道滚动会在什么时候完成，我们可能会写出下面的代码：

某一个按钮是用来发送请求的，并且需要一段时间来处理。但是用户往往会在处理期间有意或无意地点击多次，因此我们希望在上一次发出的请求处理完毕之前

vue组件中最常见的数据传递就是父子组件之间的传递，父组件可以通过 props 向下传数据给子组件，子组件可以通过 $emit 事件携带数据给父组件。然而当两个页面没有任关系，该如何通信？这就引出了 EventBus ( 事件总线 ) 这个概念

此时主线程中的同步代码已经完全执行，控制台输出a，f。主线程是空的。此时事件循环线程发现，任务队列有东西，分别是微任务1，宏任务1，宏任务2.

JavaScript是一种单线程语言，它主要用来与用户互动，以及操作DOM。多线程需要共享资源、且有可能修改彼此的运行结果，且存在上下文切换。

在js中，当使用promise，会将当前任务加入事件执行的微任务队列，有且只有这一种方法可以，因为当使用了promise，在JS引擎中会触发VM::queueMicrotask，会向m_microtaskQueue队列中压入事件，在V8中只有这一种暴露方式

之前做项目的过程中，为了防止用户重复点击事件，往往在每一个函数里写一个flag来做判断，但是这样的方式会导致代码冗余，所以借助 函数里arguments.callee ,写了一个函数

主要是考察 React 合成事件和 JS 原生事件的区别，以及它们的执行顺序。以React16.x版本之前的来分析。React16.x 以后有变更。分析一下上面的代码：可以分成两部分来看，JS原生事件部分及React合成事件部分。

在了解事件循环前，需要一些有关 JS 特性的前置知识。JS 引擎是单线程的，直白来说就是一个时间点下 JS 引擎只能去做一件事情，而 Java 这种多线程语言，可以同时做几件事情。

该表总结分析了javascript常用的各种事件，包括鼠标事件、加载事件、滚动事件、表单事件、编辑事件、数据绑定事件等。详细列举了事件名及其对应的浏览器支持情况与功能说明。提供给需要的朋友参考使用。

你肯定处理过很多的事件监听，比如点击事件或者表单提交。事件监听对许多用例来说很有帮助，但是有时我们需要创建自己的自定义事件来处理复杂的交互。在这片短文中

同时为了保证第一次执行前，会先进行一遍所有函数的遍历，确认优先级，我们在constructor里面使用setTimeout进行创建一个微任务，这样会等main函数里的宏任务全部执行完