1. 事件对象 e 上存在哪些常用属性和方法 2. addEventListener的三个参数分别是什么 3. git的常用指令 4. 手写节流函数 5. vue的v-for指令为什么推荐使用key值
时间: 2024-12-10 18:28:27 浏览: 13
1. 在JavaScript中,事件对象(e)通常包含以下常用属性和方法:
- `type`: 事件的类型,如`click`, `mouseover`等。
- `target`: 触发事件的目标元素。
- `currentTarget`: 当前正在处理事件的元素(可能是冒泡过程中的目标)。
- `preventDefault()`: 阻止默认的行为发生,例如阻止链接跳转。
- `stopPropagation()`: 阻止单独停止当前元素的事件传播到其父节点。
2. `addEventListener`的三个参数分别是:
- 第一个参数:字符串,表示要监听的事件名称。
- 第二个参数:函数,当指定事件触发时执行的回调函数。
- 第三个参数(可选):布尔值,是否在捕获阶段就调用该函数,默认为`false`,即在冒泡阶段。
3. Git的一些常用命令包括:
- `git clone`: 克隆远程仓库到本地。
- `git add`: 将改动添加到暂存区。
- `git commit`: 提交暂存区的内容并记录提交信息。
- `git push`: 将本地分支的修改推送到远程仓库。
- `git pull`: 更新本地分支以合并远程仓库的更改。
4. 手写简单的防抖(debounce)函数可以这样实现:
```javascript
function debounce(func, delay) {
let timeout;
return function(...args) {
clearTimeout(timeout);
timeout = setTimeout(() => func.apply(this, args), delay);
};
}
```
5. Vue的`v-for`指令之所以推荐使用`key`值是因为:
- `key`用于帮助Vue跟踪每个循环实例,优化更新性能。
- 当数据源发生变化时,有唯一`key`的元素会更高效地被复用或移除,避免不必要的DOM操作。
- 如果忽略`key`,Vue可能会过度渲染整个列表,导致性能下降。
阅读全文