前端面试题

使用innerHTML与createElement()创建元素谁的效率更高？

如果使用innerHTML不使用拼接字符串，采取数组形式拼接，那么innerHTML效率更高，createElement()创建多个元素效率稍微低一点点，但是结构更清晰。

DOM 事件流

事件流描述的是从页面中接收事件的顺序。

事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程就是DOM事件流，一共分为三个阶段：1.捕获阶段 2.当前目标阶段 3.冒泡阶段

阻止冒泡的方法有哪些

1.stopPropagation() 2.cancelBubble = true;

事件委托的原理是什么？

将事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点，比如给ul注册点击事件，然后利用事件对象的target来找到当前点击的li，因为点击li，事件会冒泡到ul上，ul有注册事件，就会触发事件监听器。

什么是回调函数 callback？

回调，就是回头调用的意思。上一件事干完，再回头再调用这个函数，比如setTimeout() 定时器时间到了才去调用，click 点击事件，鼠标点击完再去调用。

js 同步和异步的区别是什么？

同步是一件事一件事的执行，等上面的程序执行完在执行下面的程序，而异步的话程序是可以同时进行的。

为什么要使用异步？

由于js是单线程的，只能在js引擎的主线程上运行，所以js代码只能一行一行的执行，如果没有异步的存在，由于当前的任务还没有完成，其他的所有操作都会无响应，用户就会长时间的在等待。

mouseover  和 mouseenter的区别是什么？

mouseover  鼠标经过自身盒子会触发，经过子盒子也会触发。mouseenter  只会经过自身盒子触发，之所以这样是因为mouseenter 不会冒泡。