每个人都有自己童年的记忆，而童年的记忆总是蕴藏在的久远的事物之内：外婆给的糖果，爷爷窗前晾晒的茶，或许是发小放在玻璃瓶中的弹珠。 在快节奏的大都市生活了那么久，突然意识到自己已经好久没有回忆小时候的事情了，也回忆不起来了。便试着想象一个场景：
儿童急走追黄蝶，飞入菜花无处寻。
我们追着扑赶黄色的蝴蝶，蝴蝶飞进黄色的油菜花中，我们分不清哪是蝴蝶，哪是黄花，于是再也找不到蝴蝶了，只得凝望着前方……凝望着凝望着，我便回到了现实之中。我们一直努力的在大城市打拼，不就像那只追赶蝴蝶的少年么，原来许久之后，我们都已成年，但是在内心深处我们都是不忘初心的。
最后，希望各位看客，无论是刚入行的菜鸟还是已有多年经验的打拼者。如果累了就回忆一下自己的过往，想一下自己的初衷。饮一杯茶，舒一口气，点一支烟，然后重新拥抱新的一天。菲麦前端一直与你同在，今天为大家带来了一款童年经常玩的小游戏h5版，憋死牛：
憋死牛又名“裤裆棋”。在生产力不发达的过去，人们学习、工作之余并没有现代生活中这样丰富多彩的娱乐活动（如：网络游戏、KTV、各种体育运动），娱乐方式的缺乏导致了“憋死牛”、“五子棋”、“玻璃弹珠”等一批对物质条件要求很低，而又随时随地可以进行的简易游戏。
在开发过程中，如果游戏中含有蒙层的话，就很有可能出现点击穿透现象，即点击上一层的事件时不但本层事件会触发而且蒙层消失后，点击位置还是会再一次触发事件。这主要是因为移动事件提供了 touchstart 、 touchmove 、 touchend 却没有提供tap支持，主流框架（库）都是手动实现了自定义tap事件，避免使用click来提高页面响应速度。对于简单的页面，可以把 touchstart 或者 touchend 当作tap来用，但存在一些问题，比如手指接触目标元素，按住不放，慢慢移出响应区域，会触发 touchstart 事件执行对应的事件处理器（本不应该触发）， touchend 事件也存在类似的问题。
当然 解决方案有很多种，比较方便的有把页面内所有click全部换成touch事件（ touchstart 、’touchend’、’tap’）， 需要特别注意 a标签，a标签的href也是click，需要去掉换成js控制的跳转，或者直接改成span + tap控制跳转。如果要求不高，不在乎滑走或者滑进来触发事件的话，span + touchend就可以了。另外还有一种比较常见的解决方案，即 touchend 事件触发时，使用preventDefault()就可以在问题根源解决了。
网友评论