JavaScript-事件，事件流，事件委托

document.getElementById(“aTag”).addEventListener(‘click’,aTag);
document.getElementById(“span”).addEventListener(‘click’,span);
document.getElementById(“div”).addEventListener(‘click’,div);
function aTag(e) {
alert(“点击的是a标签”);
}
function span(e) {
alert(“点击的是span标签”);
}
function div(e) {
alert(“点击的是div标签”);
}

事件捕获
事件捕获即事件最早由不太具体的节点接收，而最具体的节点最后接收到事件。（由外及内）

示例：

document.getElementById(“div”).addEventListener(‘click’,div,true);
document.getElementById(“aTag”).addEventListener(‘click’,aTag,true);
document.getElementById(“span”).addEventListener(‘click’,span,true);

第三个参数设置为true，即为捕获事件，默认为false；否则的话，事件流还是和上面的一样，因为不管是在IE还是标准浏览器下，事件冒泡浏览器都支持的。

DOM事件流
DOM2级事件流：
DOM2级事件 规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。

• 捕获阶段：实际目标(
  元素)在捕获阶段不会接收事件，意思是事件从 [ document->html->body ] 后就停止了。【1、2、3】
• 目标阶段：事件在目标元素上发生。但事件处理被看作是冒泡阶段的一部分。
• 冒泡阶段：从目标元素开始处理事件，一直传播到文档。也就是 [ div->body->html->document ]【4、5、6、7】

DOM事件级别

（1）DOM0级
DOM0级事件具有极好的跨浏览器优势，会以最快的速度绑定。绑定方式有如下两种

• 行内绑定（内联模型）
  将函数名直接作为html标签中属性的属性值。

按钮

• 动态绑定（脚本模型）
  通过在JS中选中某个节点，然后给节点添加onclick属性。

按钮

（2）DOM2级
DOM2级定义了两个事件处理程序。（观察者模式）

• addEventListener() ：添加事件侦听器
• removeEventListener() ：删除事件侦听器

（3）DOM3级
对DOM2增加了内容模型 (DTD 、Schemas) 和文档验证。定义了一些新的事件，比如键盘事件，还可以自定义事件。

自定义事件：
自定义事件不是由DOM原生触发的，它的目的是让开发人员创建自己的事件。
要创建的自定义事件可以由createEvent(“CustomEvent”); 返回的对象有一个initCustomEvent（）方法接收如下四个参数。

• type：字符串，触发的事件类型，自定义。例如 “keyDown”，“selectedChange”;
• bubble（布尔值）：标示事件是否应该冒泡；
• cancelable(布尔值)：标示事件是否可以取消；
• detail（对象）：任意值，保存在event对象的detail属性中；

事件委托

一个事件本来是要绑定到某个元素上，然而却绑定到了该元素的父（或祖先）元素上，利用事件冒泡原理，触发执行效果。

数据结构与算法

这一块在笔试、面试的代码题中考核较多，其中常考的数据结构主要有：数组、链表、队列、栈、Set、Map、哈希表等，不同数据结构有不同的方法以及储存原理，这些算是技术岗的必备知识。算法部分主要分为两大块，排序算法与一些其他算法题。

排序算法根据考频高低主要有：快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种，这类考核点要么是算法的时间、空间复杂度、稳定度，要么是直接手写代码，故在理解算法原理的同时，对JS语言版的排序算法代码也要加强记忆。

• 二叉树层序遍历
• B 树的特性，B 树和 B+树的区别
• 尾递归
• 如何写一个大数阶乘？递归的方法会出现什么问题？
• 把多维数组变成一维数组的方法
• 知道的排序算法 说一下冒泡快排的原理
• Heap 排序方法的原理？复杂度？
• 几种常见的排序算法，手写
• 数组的去重，尽可能写出多个方法
• 如果有一个大的数组，都是整型，怎么找出最大的前 10 个数
• 知道数据结构里面的常见的数据结构
• 找出数组中第 k 大的数组出现多少次，比如数组【1，2， 4，4，3，5】第二大的数字是 4，出现两次，所以返回 2
• 合并两个有序数组
• 给一个数，去一个已经排好序的数组中寻找这个数的位 置（通过快速查找，二分查找）

两次，所以返回 2

• 合并两个有序数组
• 给一个数，去一个已经排好序的数组中寻找这个数的位 置（通过快速查找，二分查找）

[外链图片转存中…(img-zAVwJktP-1718011127132)]