实用工具函数

// 查看滚动条滚动距离
	function getScrollOffset() {
		if (window.pageXOffset) {
			return {
				x : window.pageXOffset,
				y : window.pageYOffset
			}
		}else {
			return {
				x : document.documentElement.scrolLeft + document.body.scrolLeft,
				y : document.documentElement.scrolTop + document.body.scrolTop
			}
		}
	}

// 深拷贝
	function deepClone(Target,Origin || {}) {
		for (var prop in Target) {
			if (Target.hasOwnProperty(prop)) {
				if (Target[prop] !== 'null' && typeof(Target[prop]) === 'object') {
					if (Object.prototype.toString.call(Target[prop]) === '[object Array]') {
						Origin[prop] = [];
					}else {
						Origin[prop] = {};
					}
					deepClone(Target[prop],Origin[prop]);
				}else {
					Origin[prop] = Target[prop];
				}
			}
		}
		return Origin;

// 拖拽函数
	function drag (elem) {
	    elem.onmousedown = function (e) {
	    	var event = e || window.event,
	        	elemX = event.offsetX,
	            elemY = event.offsetY;
	    	document.onmousemove = function (e) {
	        	var event = e || window.event;
	            elem.style.top = e.clientY - elemY + 'px';
	            elem.style.left = e.clientX - elemX + 'px';
	        };
	    };
	    document.onmouseup = function (e) {
	    	var event = e || window.event;
	        document.onmousemove = false;   
	    };
	}

// 严格判断两个对象是否相等
//粗略判断只需通过JSON.stringify(obj)来判断两个对象转后的字符串是否相等
var toString = Object.prototype.toString;
function isFunction(obj) {
    return toString.call(obj) === '[object Function]'
}
function eq(a, b, aStack, bStack) {
    // === 结果为 true 的区别出 +0 和 -0
    if (a === b) return a !== 0 || 1 / a === 1 / b;
    // typeof null 的结果为 object ，这里做判断，是为了让有 null 的情况尽早退出函数
    if (a == null || b == null) return false;
    // 判断 NaN
    if (a !== a) return b !== b;
    // 判断参数 a 类型，如果是基本类型，在这里可以直接返回 false
    var type = typeof a;
    if (type !== 'function' && type !== 'object' && typeof b != 'object') return false;
    // 更复杂的对象使用 deepEq 函数进行深度比较
    return deepEq(a, b, aStack, bStack);
};
function deepEq(a, b, aStack, bStack) {
    // a 和 b 的内部属性 [[class]] 相同时 返回 true
    var className = toString.call(a);
    if (className !== toString.call(b)) return false;
    switch (className) {
        case '[object RegExp]':
        case '[object String]':
            return '' + a === '' + b;
        case '[object Number]':
            if (+a !== +a) return +b !== +b;
            return +a === 0 ? 1 / +a === 1 / b : +a === +b;
        case '[object Date]':
        case '[object Boolean]':
            return +a === +b;
    }
    var areArrays = className === '[object Array]';
    // 不是数组
    if (!areArrays) {
        // 过滤掉两个函数的情况
        if (typeof a != 'object' || typeof b != 'object') return false;
        var aCtor = a.constructor,
            bCtor = b.constructor;
        // aCtor 和 bCtor 必须都存在并且都不是 Object 构造函数的情况下，aCtor 不等于 bCtor， 那这两个对象就真的不相等啦
        if (aCtor == bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && ('constructor' in a && 'constructor' in b)) {
            return false;
        }
    }
    aStack = aStack || [];
    bStack = bStack || [];
    var length = aStack.length;
    // 检查是否有循环引用的部分
    while (length--) {
        if (aStack[length] === a) {
            return bStack[length] === b;
        }
    }
    aStack.push(a);
    bStack.push(b);
    // 数组判断
    if (areArrays) {
        length = a.length;
        if (length !== b.length) return false;
        while (length--) {
            if (!eq(a[length], b[length], aStack, bStack)) return false;
        }
    }
    // 对象判断
    else {
        var keys = Object.keys(a),
            key;
        length = keys.length;
        if (Object.keys(b).length !== length) return false;
        while (length--) {
            key = keys[length];
            if (!(b.hasOwnProperty(key) && eq(a[key], b[key], aStack, bStack))) return false;
        }
    }
    aStack.pop();
    bStack.pop();
    return true;
}

// 原生ajax
function request(url,callback){
	var xhr = new XMLHttpRequest();
	xhr.onreadystatechange = (function(myxhr){
		return function(){
			if(myxhr.readyState === 4 && myxhr.status === 200){
				callback(myxhr);
			}
		}
	})(xhr);
	xhr.open('get',url,true);
	xhr.send('');
}

// 阻止默认事件
	function cancelHandler (e) {
	    var event = e || window.event;
	    if(event.preventDefault) {
	        event.preventDefault();
	    }else if(e.returnValue) {
	        event.returnValue = false;
	    }
	}

// 数组去重
function distinct(a, b) {
   return Array.from(new Set([...a, ...b]))
}

// 类型判断
	function type(Target) {
		var template = {
			'[object Array]' : 'array',
			'[object Object]' : 'object',
			'[object String]' : 'string - object',
			'[object Nember]' : 'number - object',
			'[object Boolean]' : 'boolean - object'
		}
		if (Target == null) {
			return 'null';
		}else if (typeof(Target) == 'object') {
			return template[Object.prototype.toString.call(Target)];
		}else {
			return typeof(Target);
		}
	}