Question

jQuery的文档中提到性能优化的时候，有一条就是关于事件触发频率的问题，大部分影响性能的操作不是click之类的事件，而是scroll，mouseover这样的事件。解决这些事件频繁触发的方法也很简单，就是加一个定时器，延时执行。

代码

function debounce(method, delay) {
    clearTimeout(method._tId); // important!
    method._tId = setTimeout(function() {
        method();
    }, delay);
}
var DAscrollPosition = $(window).scrollTop();

function getScrollDirection() {
    var scroll = $(window).scrollTop();
    if (scroll > DAscrollPosition) {
        parent.postMessage('scrolldown', 'http://www.tlc.com.adops-002.dp.discovery.com');
    }
    if ((scroll < 100) && (scroll < DAscrollPosition)) {
        parent.postMessage('scrollup', 'http://www.tlc.com.adops-002.dp.discovery.com');
    }
    DAscrollPosition = scroll;
};
$(window).scroll(function() {
    debounce(getScrollDirection, 100);
});