haohu/classes/artifacts/haohu_war_exploded/static/lib/squid.js

/*!
 * Squid 总结、积累、收集的一些基础方法
 * http://www.cnblogs.com/typeof/
 *
 * 所有plugins、swing所做的扩展都是基于Squid对象
 */
(function(window) {
    //定义squid
    var Squid = function() {},
        slice = Array.prototype.slice,
        splice = Array.prototype.splice,
        trim = String.prototype.trim;

    //浅度拷贝
    Squid.extend = function() {
        var target = arguments[0],
            i = 1,
            length = arguments.length,
            options,
            prop;

        if(typeof target !== 'object') {
            target = {};
        }

        if(length === i) {
            target = this;
            --i;
        }

        for(; i < length; i++) {
            if((options = arguments[i]) != null) {
                for(prop in options) {
                    target[prop] = options[prop];
                }
            }
        }

        return target;
    };

    //DOM 方法
    Squid.extend({
        getElementById: function(id) {
            var elem = document.getElementById(id);
            
            if(elem && elem.parentNode) {
                if(elem.id !== id) {
                    elem = null;
                    var elems = document.getElementsByTagName(id),
                        i = 0,
                        length = elems.length,
                        cur;

                    for(; i < length; i++) {
                        cur = elems[i];
                        if(cur.id === id) {
                            elem = cur;
                            break;
                        }
                    }
                }
                
                return elem;
            } 
        },
        getElementsByTagName: function(tagName, context) {
            context = context || document;

            var elems = context.getElementsByTagName(tagName),
                r = [];
            
            try {
                r = slice.call(elems, 0);
            }catch(e) {
                var i = 0,
                    length = elems.length,
                    elem;

                for(; i < length; i++) {
                    elem = elems[i];
                    r.push(elem);
                }
            }

            return r;
        },
        getElementsByClassName: function(className, context) {
            //执行上下文，默认为document
            context = context || document; 

            var r = [];

            if(context.getElementsByClassName) {
                var elems = context.getElementsByClassName(className);				
                r = slice.call(elems, 0);
            }else{
                var elems,
                    elem,
                    i = 0,
                    length;

                elems = context.getElementsByTagName('*');		
                length = elems.length;
                for(; i < length; i++) {
                    elem = elems[i];
                    if(elem.className && (" " + elem.className + " ").replace(/[\t\n\r]/g, " ").indexOf(className) >= 0) {
                        r.push(elem);	
                    }
                }
            }

            return r;    
        },
        children: function(elem) {

        },
        first: function(elem) {
            return this.sibling(elem.firstChild)[0];	
        },
        next: function(elem) {
            return this.nth(elem, 2, 'nextSibling');
        },
        siblings: function(elem) {
            return this.sibling(elem.parentNode.firstChild, elem); 
        },
        nth: function(cur, r, dir) {
            r = r || 1;
            var i = 0;

            for(; cur; cur = cur[dir]) {
                if(cur.nodeType === 1 && ++i === r) {
                    break; 
                }
            }

            return cur;
        },
        sibling: function(n, elem) {
            var r = [];

            for(; n; n = n.nextSibling) {
                if(n.nodeType === 1 && n !== elem) {
                    r.push(n);	
                }	
            }

            return r;
        },
        isVisible: function(elem) {
            return !this.isHidden(elem); 
        },
        isHidden: function(elem) {
            if(elem) {
                var width = elem.offsetWidth,
                    height = elem.offsetHeight;

                return (width === 0 && height === 0) || elem.style.display === 'none'
            } 
        },
        getOffset: function(elem) {
            var body = document.body,
                docElem = document.documentElement;

            if('getBoundingClientRect' in document.documentElement) {
                var box;

                try {
                    box = elem.getBoundingClientRect()
                }catch(e) {}

                if(!box || !elem.parentNode) {
                    return box ? {top: box.top, left: box.left} : {top: 0, left: 0}
                }

                var win = window,
                    clientTop = docElem.clientTop || body.clientTop || 0,
                    clientLeft = docElem.clientLeft || body.clientLeft || 0,
                    scrollTop = win.pageYOffset || docElem.scrollTop || body.scrollTop,
                    scrollLeft = win.pageXOffset || docElem.scrollLeft || body.scrollLeft,
                    top = box.top + scrollTop - clientTop,
                    left = box.left + scrollLeft - clientLeft; 

                return {top: top, left: left}
            }else{
                var offsetParent = elem.offsetParent,
                    top = elem.offsetTop,
                    left = elem.offsetLeft;

                while((elem = elem.parentNode) && elem !== body && elem !== docElem) {
                    if(elem === offsetParent) {
                        top = elem.offsetTop
                        left = elem.offsetLeft

                        offsetParent = elem.offsetParent
                    }
                }

                return {top: top, left: left}
            }
        },
        position: function(elem) {
            if(!elem) {
                return null; 
            }

            var offsetParent = elem.offsetParent,
                offset = this.getOffset(elem),
                parentOffset = this.getOffset(offsetParent);

            return {
                top: offset.top - parentOffset.top,
                left: offset.left - parentOffset.left
            };
        }
    });
    
    //全局缓存对象
    var cache = {};

    Squid.extend({
        guid: 1,
        uuid: 0,
        expando: 'squid' + (Math.random() + '').replace(/\D/g, ''),
        data: function(elem, name) {
            var internalKey = squid.expando,
                id,
                thisCache,
                r;

            id = elem[squid.expando];
            if(!id) {
                elem[squid.expando] = id = ++squid.uuid;
            }
            if(!cache[id]) {
                cache[id] = {};
            }

            if(typeof name === 'object' || typeof name === 'function') {
                cache[id][internalKey] = name;
            }

            thisCache = cache[id];

            if(!thisCache[internalKey]) {
                thisCache[internalKey] = {};
            }
            thisCache = thisCache[internalKey];

            if(name === 'events' && !thisCache[name]) {
                return thisCache[internalKey] && thisCache[internalKey].events;
            }

            if(typeof name === 'string') {
                r = thisCache[name];
            }else{
                r = thisCache;
            }

            return r;			
        },
        removeData: function(elem, name) {
            var internalKey = squid.expando,
                id = elem[squid.expando],
                internalCache;

            if(!cache[id]) {
                return;
            }
            try{
                delete cache[id];
            }catch(e) {
                cache[id] = null;
            }
            if(elem.removeAttribute) {
                elem.removeAttribute(squid.expando);
            }else{
                elem[squid.expando] = null;
            }
        }
    });

    //事件处理
    Squid.event = {
        add: function(elem, type, handler) {
            var elemData,
            events,
            eventHandler,
            handleObj,
            handlers;

            if(elem.nodeType === 3 || elem.nodeType === 8) {
                return;
            }
            if(!handler) {
                return;
            }
            if(!handler.guid) {
                handler.guid = squid.guid++;
            }

            elemData = squid.data(elem);
            if(!elemData) {
                return;
            }

            events = elemData.events;
            eventHandler = elemData.handle;
            if(!events) {
                elemData.events = events = {};
            }

            if(!eventHandler) {
                elemData.handle = eventHandler = function(event) {
                    return squid.event.handle.apply(eventHandler.elem, arguments); 
                };
                eventHandler.elem = elem;
            }
            
            handleObj = {
                handler: handler
            };
            handleObj.type = type;
            if(!handleObj.guid) {
                handleObj.guid = handler.guid;
            }
            handlers = events[type];
            if(!handlers) {
                handlers = events[type] = [];
                if(elem.addEventListener) {
                    elem.addEventListener(type, eventHandler, false);
                }else if(elem.attachEvent){
                    elem.attachEvent('on' + type, eventHandler);
                }
            }

            handlers.push(handleObj);
        },
        remove: function(elem, type, handler) {
            var elemData,
                events,
                eventType,
                i = 0,
                handleObj;
                
            if(elem.nodeType === 3 || elem.nodeType === 8) {
                return;
            }	
            
            elemData = squid.data(elem);
            events = elemData.events;
            if(!events) {
                return;
            }
            eventType = events[type] || [];
            if(!handler) {
                for(; i < eventType.length; i++) {
                    handleObj = eventType[i];
                    squid.event.remove(elem, type, handleObj.handler);
                    eventType.splice(i--, 1);
                }
            }
        
            if(eventType.length === 0) {
                if(elem.removeEventListener) {
                    elem.removeEventListener(type, elemData.handle, false);
                }else if(elem.detachEvent) {
                    elem.detachEvent('on' + type, elemData.handle);
                }
            }
            
            squid.removeData(elem);
        },
        handle: function(event) {
            var i = 0,
                length,
                handlers,
                handleObj,
                args = Array.prototype.slice.call(arguments, 0);

            event = squid.event.fix(event);
            handlers = ((squid.data(this, 'events') || {})[event.type] || []).slice(0);

            args[0] = event;

            length = handlers.length;
            for(; i < length; i++) {
                handleObj = handlers[i];
                event.handler = handleObj.handler;
                event.handleObj = handleObj;

                handleObj.handler.apply(this, args);
            }
        },
        fix: function(event) {
            if(!event.target) {
                event.target = event.srcElement || document;
            }

            if(event.target.nodeType === 3) {
                event.target = event.target.parentNode;
            }
            
            if(!event.relateTarget && event.fromElement) {
                event.relateTarget = event.fromElement === event.target ? event.toElement : event.fromElement;
            }

            if(!event.preventDefault) {
                event.preventDefault = function() {
                    event.returnValue = false;
                };
            }

            if(!event.stopPropagation) {
                event.stopPropagation = function() {
                    event.cancelBubble = true;
                };
            }
            
            if(event.pageX == null) {
                var eventDoc = event.target.ownerDocument || document,
                    doc = eventDoc.documentElment,
                    body = eventDoc.body;
                
                event.pageX = event.clientX + (doc && document.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
                event.pageY = event.clientY + (doc && document.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
            }

            return event;
        }
    };

    //事件处理
    Squid.extend({
        on: function(elem, type, handler) {
            return this.event.add(elem, type, handler);	
        },
        off: function(elem, type, handler) {
            return this.event.remove(elem, type, handler);
        },
        //把函数放到特定上下文执行
        proxy: function(fn, context) {
            var slice = Array.prototype.slice,
                args = slice.call(arguments, 2),
            proxy = function() {
                return fn.apply(context, args.concat(slice.call(arguments))); 
            };

            proxy.guid = fn.guid = fn.guid || proxy.guid || squid.guid++;

            return proxy;
        }
    });

    var fnThrottleId = 0;
    //工具函数
    Squid.extend({
        trim: trim ? function(text) {
            return trim.call(text);
        } : function(text) {
            return text.toString().replace(/^\s+/, '').replace(/\s+$/, '');
        },
        throttle: function(fn, delay, context) {
            delay = delay || 100;
            context  = context || null;  
            
            return function() {
                var args = arguments;
                
                clearTimeout(fnThrottleId);
                fnThrottleId = setTimeout(function() {
                    fn.apply(context, args);
                }, delay);
            };
        },
        isEmpty: function(obj) {
            for(var prop in obj) {
                return false; 
            }
            
            return true;
        }
    });

    //基于Squid扩展的插件
    Squid.plugin = function() {};
    //解决浏览器对默认组件渲染不一样
    Squid.swing = function() {};    
    window.squid = Squid;
})(window);