作為工具倉庫乐导，持續(xù)更新ing

判斷是否是數(shù)組:

function isArrayFn(arr){
    if(typeof Array.isArray === 'function'){
        return Array.isArray(arr);
    }else{
        return Object.prototype.toString.call(arr) === '[object Array]';
    }
}

跨瀏覽器事件處理:

/*
*
* 元素 事件 操作
* element 元素路狮； type 事件類型； handler 處理函數(shù)   
*
*/
var EventUtil = {
    addHandler:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListener(type,handler,false);
        }else if(element.attachEvent){
            element.attachEvent("on"+type,handler);
        }else{
            element['on'+type] = handler;
        }
    },
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent('on'+type,handler);
        }else{
            element['on'+type] = null;
        }
    }
}
/*
* 獲取事件
*/
getEvent:function(event){
    return event ? event : window.event;
},
/*
* 獲取觸發(fā)事件的目標(biāo)元素
*/
getTarget:function(event){
    return event.target || event.srcElement;
}
/*
* 取消默認事件
*/
preventDefault:function(event){
    if(event.preventDefault){
        event.preventDefault();
    }else{
        event.returnValue = false;
    }
}
/*
* 阻止事件冒泡
*/
stopPropagation:function(event){
    if(event.stopPropagation){
        event.stopPropagation();
    }else{
        event.cancelBubble = true;
    }
}

獲取鼠標(biāo)在頁面中坐標(biāo)

EventUti.addHandler(element,"click",function(event){
    event = EventUtil.getEvent(event);
    var pageX = event.pageX;
    var pageY = event.pageY;
    if(pageX === undefined){
        pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
    }
    if(pageY === undefined){
        pageY = event.clientY + (document.body.scrollTop || document.documentElement.scrollLeft);
    }
    return {
        pageX,
        pageY
    }
})

元素距離文檔頂部距離

function getTop(el) { let top = el.offsetTop; let currentParent = el.offsetParent; while (currentParent != null) { top += currentParent.offsetTop; currentParent = currentParent.offsetParent; } return top; }

輸入框正整數(shù)

            var znInput = false;
            $(".layout-content").on("compositionstart",".input-num",function(){
                znInput = true;
            });
            $(".layout-content").on("compositionend",".input-num",function(){
                znInput = false;
                giftNum = $(this).val().replace(/[^0-9]/g,"");
                $(this).val(giftNum);
                $(".user-money-num").html(giftNum*unitPrice);
            });
            $(".layout-content").on("input",".input-num",function(){
                if(znInput) return;
                giftNum = $(this).val().replace(/[^0-9]/g,"");
                $(this).val(giftNum);
                $(".user-money-num").html(giftNum*unitPrice);
            });

獲取客戶端平臺

var os = function() {  
     var ua = navigator.userAgent,  
     isWindowsPhone = /(?:Windows Phone)/.test(ua),  
     isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,   
     isAndroid = /(?:Android)/.test(ua),   
     isFireFox = /(?:Firefox)/.test(ua),   
     isChrome = /(?:Chrome|CriOS)/.test(ua),  
     isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),  
     isPhone = /(?:iPhone)/.test(ua) && !isTablet,  
     isPc = !isPhone && !isAndroid && !isSymbian;  
     return {  
          isTablet: isTablet,  
          isPhone: isPhone,  
          isAndroid : isAndroid,  
          isPc : isPc  
     };  
}();  

inherit繼承

/**
 * [inherit 繼承屬性]
 * @param  {[type]} p [description]
 * @return {[type]}   [description]
 */
function inherit(p){
    if(p == null) throw TypeError();
    if(Object.create) return Object.create(p);
    var t = typeof p;
    if(t !== 'object' && t !== 'function') throw TypeError();
    function f(){};
    f.prototype = p;
    return new f();
}
@example:
 MyFoo.prototype = inherit(Root.prototype);

移動端1像素邊框

.border{
    //1px
    &::after{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        border: 1px solid #aaa;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
    .border::after{
        width: 200%;
        height: 200%;
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3){
    .border::after{
        width: 300%;
        height: 300%;
        transform: scale(0.33);
        -webkit-transform: scale(0.33);
    }
}

計算時間

function culTime (mil) {
    if(mil<=0){
        activityEnd = true;
        clearInterval(timeST);
        return $('.recharge-loadtime').html('00天00時00分00秒');
    }

    var d = ~~(mil/(1000*60*60*24));
    var h = ~~((mil-d*24*60*60*1000)/(1000*60*60));
    var i = ~~((mil-d*24*60*60*1000-h*60*60*1000)/(1000*60));
    var s = ~~((mil%(60*1000))/1000);
    d = d < 10? '0'+d : d;
    h = h < 10? '0'+h : h;
    i = i < 10? '0'+i : i;
    s = s < 10? '0'+s : s;
    $('.recharge-loadtime').html(d+'天'+h+'時'+i+'分'+s+'秒');
}

判斷是否支持CSS3

function supportCss3(style) {
    var prefix = ['webkit', 'Moz', 'ms', 'o'],
        i,
        humpString = [],
        htmlStyle = document.documentElement.style,
        _toHumb = function (string) {
            return string.replace(/-(\w)/g, function ($0, $1) {
                return $1.toUpperCase();
            });
        };

    for (i in prefix)
        humpString.push(_toHumb(prefix[i] + '-' + style));

    humpString.push(_toHumb(style));

    for (i in humpString)
        if (humpString[i] in htmlStyle) return true;

    return false;
}