前端的事件代理
事件代理是一种编程技巧，它允许我们通过在父元素上监听事件，来处理子元素的事件。这种方式可以减少事件监听器的数量，提高性能。
在前端开发中，事件代理常常用于处理大量的动态元素。例如，在一个列表中，每一项都有一个点击事件，如果直接在每一项上绑定事件，当列表项非常多时，会消耗大量的内存和CPU资源。而使用事件代理，只需要在父元素上绑定一个事件，然后通过事件冒泡，就可以捕获到所有子元素的事件。
以下是一个简单的事件代理的例子：
// 获取父元素
var parent = document.getElementById('parent');
// 添加事件监听器
parent.addEventListener('click', function(event) {
// 获取被点击的元素
var target = event.target;
// 根据被点击的元素类型，做出不同的响应
if (target.tagName === 'LI') {
console.log('List item clicked: ', target.textContent);
} else if (target.tagName === 'A') {
console.log('Link clicked: ', target.href);
}
});
在这个例子中，我们在父元素上监听了点击事件，然后在事件处理函数中，通过event.target获取到了被点击的元素。然后根据被点击的元素的类型，做出了不同的响应。