又發現新說法

我們在 front-end 做 scroll event的監聽的時候很常會過度的觸發要執行的事情，因此導致效能不太佳，
我們需要的是固定頻率執行某個function ， 這個原來叫 throttle

另外一種狀況像是autocomplete，不需要每一個keyup 都去ajax 去backend 抓資料回來，所以我們過去，
設一個變數去記住setTimeout 回傳回來的數字，如果下一次的keyup 發生在預設的時間內就去把 setTimeout清掉。
原來這種做法，有一個稱呼叫 debounce

不過jQuery 沒有內建這兩個function。這樣在複雜的 js 中增加易讀性。

http://escape.alf.nu/
最近有朋友問我跳脫字元的事情，
剛好想到這個，之前玩的一個js injection 的遊戲。

 

http://jsperf.com/

var test=["a","b","c"];
var arrClone=[];
$.extend(true,arrClone,test);
test[0]="3";
console.log(test); //["3","b","c"];
console.log(arrClone); //["a","b","c"];

//用ajax 加進來的新元素都會自動綁定事件，不需要unbind在bind。
$("body").delegate("selector","click",function(){})

Firefox 沒有 offsetX 和 offsetY，解決方法是從父層把left 和top做累加。

    function getOffset(e) {
        /*e: Mousemove Event*/
        if (e.target.offsetLeft == undefined) {
            /*firefox only*/
            e.target = target.parentNode;
        }
        var tarPos = getTarPos(e.target);
        var tarMousePos = { x: window.pageXOffset + e.clientX, y: window.pageYOffset + e.clientY     };
        var offset = { offsetX: tarMousePos.x - tarPos.x, offsetY: tarMousePos.y - tarPos.y };
        return offset;
    }
    function getTarPos(el) {
        var page = { x: 0, y: 0 };
        while (el) {
            page.x += el.offsetLeft;
            page.y += el.offsetTop;
            el = el.offsetParent;
        }
        return page;
    }