事件委派的优点

弄100个div
<div>1</div>
 ......
<div>100</div>

    <script>
        // 遍历节点绑定事件，性能消耗严重
        const divNodes = document.querySelectorAll("div");
        console.time("傻子方法");
        divNodes.forEach(function (v) {
            v.addEventListener("click", function () {
                console.log("你点我了~");
            });
        });
        console.timeEnd("傻子方法");

        // 使用事件委派只绑定一次事件，性能远远高于遍历绑定事件
        console.time("大聪明方法");
        document.body.addEventListener("click", function (e) {
            if (e.target.nodeName === "DIV") {
                console.log("你点我了2~");
            }
        });
        console.timeEnd("大聪明方法");
    </script>