JavaScript冒泡默认事件是Web前端中常用的概念之一，主要用于网页事件的传播机制，这个机制可以让我们更好的利用事件和控制网页的行为。下面，我们来详细了解一下JavaScript的冒泡事件机制以及如何应用。

冒泡事件传播机制是指：在模型的冒泡阶段，从最具体的点最先接收到事件，然后逐级向上冒泡，直到文档区域最后接收到事件，这就是冒泡流。这个概念比较抽象，我们可以通过举例来说明。比如我们在页面中添加如下HTML代码：

<div id="father">
<div id="son"></div>    
</div>

同时，给父容器和子容器绑定点击事件:

var father = document.getElementById("father");
var son = document.getElementById("son");
father.onclick = function(){console.log("father clicked")};
son.onclick = function(){console.log("son clicked")};

假设我们点击了子容器，就会发现控制台输出了 "son clicked", 接着又输出了"father clicked"。那么是为什么呢？这是因为JavaScript事件处理会按照事件冒泡的顺序来进行，先执行子容器的点击事件，再执行父容器的点击事件，而事件流正是沿着冒泡流来传播的。

当然，冒泡事件机制的应用远远不止这些，我们可以通过冒泡机制来实现事件委托，提高程序的性能。比如我们可以为页面上每一个按钮绑定一个点击事件，然后通过冒泡事件机制，当任何一个按钮被点击时，只需要一个事件处理函数就可以完成全部按钮的点击事件处理，避免了重复绑定点击事件的问题。

除了冒泡事件，JavaScript还有一个默认事件机制，与冒泡事件相比，有所区别。默认事件是指在用户操作需要运行操作或跳转页面时所执行的事件，比如链接的默认事件是跳转到链接地址，按钮默认事件时提交表单等。在JavaScript中可以通过preventDefault()方法来阻止默认事件的执行。

下面我们来通过一个例子来说明。假设我们在链接上添加了一个点击事件：

var link = document.getElementById('mylink');
link.onclick = function(e) {
console.log('link clicked...');
e.preventDefault();//阻止默认事件
};

当用户点击链接时，除了会触发绑定的点击事件外，还会默认跳转至链接地址，但是在这里，我们使用 preventDefault() 方法阻止了默认事件的执行，那么网页就不会跳转到链接地址了。

通过以上几个例子，我们对JavaScript的冒泡事件和默认事件的机制有了一些基本的认识，正是这些机制为我们提供了更多控制网页的方式，让我们在Web前端开发中可以轻松地实现各种复杂的功能。