今天遇到了一个冒泡排序，写了一个结局方案

项目场景：

提示：这里简述项目相关背景：
页面循环遍历渲染出来一堆卡片

---

问题描述

提示：这里描述项目中遇到的问题：
卡片里面有个需求是点击卡片出现一段详情，这个详情有标题有收起，点击收起时候其他卡片也会渲染出来我第一个卡片详情内容

---

# 原因分析：
> 提示：这里填写问题的分析：

例如：`Handler` 发送消息有两种方式，分别是 `Handler.obtainMessage()`和 `Handler.sendMessage()`，其中 `obtainMessage` 方式当数据量过大时，由于 `MessageQuene` 大小也有限，所以当 `message` 处理不及时时，会造成先传的数据被覆盖，进而导致数据丢失。
因为卡片有个点击事件，收起又是另一个点击事件，这样点击收起的时候相当于也点击了卡片，问题属于冒泡排序

---

# 解决方案：
>提示：这里填写该问题的具体解决方案：
我上网搜了一下，出现了眼花缭乱的解决方案大部分都是一样的解决思路。最终的解决是复制了一段代码


下面展示一些 `内联代码片`。

```javascript
if (!e) {
		var e = window.event;
		 e.cancelBubble = true;
	 }
	 if (e.stopPropagation) {
		e.stopPropagation();
	 }
}

e.stopPropagation();是常规解决事件冒泡的方式，复制进要阻止事件冒泡的方法里就行了，但不支持个别版本的IE浏览器，e.cancelBubble = true;是个结局思路。