Javascript面试的完美指南(开发者视角)(8)

冒泡模式：

<div onClick="divHandler()"> 
    <ul onClick="ulHandler"> 
        <li id="foo"></li> 
    </ul> 
</div> 
<script> 
function handler() { 
 // do something here 
} 
function divHandler(){} 
function ulHandler(){} 
document.getElementById("foo").addEventListener("click", handler) 
</script>  

点击li元素， 事件顺序：

handler() => ulHandler() => divHandler() 

在图中，处理程序按顺序向外触发。类似地，捕获模型试图将事件从父元素向内触发到单击的元素。现在更改上面代码中的这一行。

document.getElementById("foo").addEventListener("click", handler, true) 

事件顺序：

divHandler => ulHandler() => handler()

你应该正确地理解事件冒泡(无论方向是指向父节点还是子节点)，以实现用户界面(UI)，以避免任何不需要的行为。

这些是 JavaScrip t中的基本概念。正如我最初提到的，除了工作经验和知识之外，准备有助理于你通过 JavaScript 面试。始终保持学习。留意最新的发展(第六章)。深入了解JavaScript的各个方面，如 V6 引擎、测试等。最后，没有掌握数据结构和算法的面试是不成功的。Oleksii Trekhleb 策划了一个很棒的 git repo，它包含了所有使用 JS 代码的面试准备算法。

代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。

（编辑：ASP站长网）