现有rect1 = {x:0,y:0,w:5,h:5};rect2 = {x:10,y:10,w:5,h:5};。矩形我们一般拥有的都是左上角点的XY以及他的宽高WH。碰撞当然就是我中有你，你中有我咯，那么就是判断四条边，在我左边的右边，右边的左边，上边的下边，下边的上边。说起来有点绕口，那就直接上代码吧，下面四个条件如果都成立那么就是有交集，他们碰撞了。

先来介绍一下我们的主角download让我们有一个简单认识,图中我们可以看到a标签的download属性，他是用来指定可以下载，值是filename。图片来源

设计模式这种东西说起来都有一个怪怪的名字，但是使用率还是蛮高的。简单介绍一下单例模式，只实例化一次，在一些弹框啊，提示啊什么上面会用到，尤其是在使用了数据驱动视图这种写法，控制起来还是比较难的，之前jquery直接$('.popover').hide()就都隐藏掉不太一样。

一个网页由三层组成（html 结构，js 行为，css 表现），一切的东西其实都建立在html上，html里面的dom提供了一些事件，然后通过js封装，我们可以用js去调用dom上的事件。事件有很多，有我用过的有我没用过的，今天我想分析一番。

contenteditable是HTML5的一个新的特性，有可能你也了解过一些，但是因为你没在项目中遇到过，只知道contenteditable="true"可以触发可编辑，对于如何在项目中的应用？会出现什么问题呢？这些问题就是我们今天要说的。

好久没有写文章，不知道写什么好。突然想到拖动这个API。之前使用 jQuery UI 实例 - 排序（Sortable）去实现了一个拖动排序，也有用jquery.gridly.js实现的一个拖动排序。

1.做搜索框的时候你使用什么事件？change?blur?keyup？你想要的效果是什么？ 2.scroll事件怎么就触发？是滚一段距离触发一次？还是滚一圈触发一次？还是滚一次触发一次？你想要那种？ 3.mouseover事件是怎么触发呢？

这是我写的第一篇文章，想想还有点小激动呢。本着助人为乐的思想，认识了一些前端的初学者，帮助他们更快的步入到前端这个一个行业。今天呢，我想要说的主题是：工作中的前后端交互。