归档: 2017/7

定时器(setTimeout)的秘密

写在前面setTimeout()是大家再熟悉不过的定时器,但平时对定时器的了解甚少,于是想看看setTimeout()的原理机制。 setTimeout()基础setTimeout()函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。1var timeer = setTimeout(function|code,delay); 注:其

拖放API中的drag和drop实战

写在前面在HTML5之前,实现拖放功能需要借助mousedown/mousemove/mouseover/mouseout/mouseup等鼠标事件来完成,HTML5中拖放API的出现使很多事情变简单。下面是做笔记做笔记~ 源码地址 栗子预览1 栗子预览2 栗子预览3 拖放过程拖放:包括拖拽(drag)和释放(drop) 拖放中涉及两个元素,分别是:源对象和目标对象,如下图源对象是被拖拽的元

JS中client/offset/scroll等的宽高解析

window相关宽高属性1. window.outerHeight (窗口的外层的高度) / window.outerWidth (窗口的外层的宽度) window.outerHeight获取整个浏览器窗口的高度(单位:像素),包括侧边栏(如果存在)、窗口镶边(window chrome)和窗口调正边框。包含调试窗及浏览器边框 window.outerWidth表示整个浏览器窗口的宽度,包括侧边