[笔记]记录原开发工作在base命名空间下扩展的属…

2019-04-28 08:21:21来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

前言

该笔记只是为了记录以前开发使用的方式。

处理命名空间namespace

/**
 * 处理命名空间
 * @param {string} 空间名称,可多个 
 * @return {object} 对象
 */    
var namespace = function(){
    var argus = arguments,
            argusLen = argus.length;
    for(var i =0; i < argusLen; i++){
        var objs = argus[i].split('.'),
                objsLen = objs.length,
                obj = window;
        for(var j = 0; j < objsLen; j++){
                obj[objs[j]] = obj[objs[j]] || {};
                obj = obj[objs[j]];
        }
    }
    return obj;
    
}
namespace("base");

 extend及base命名下的常用方法

(function(){
    /**
     * 获取对象类型
     * @private 私有方法
     * @param {object} object 对象
     * @return {string} 类型
     * 可判断类型:Boolean Number String Function Array Date RegExp Object
     */    
    function getParamType(obj){
        return obj == null ? String(obj) : 
            Object.prototype.toString.call(obj).replace(/\[object\s+(\w+)\]/i,"$1") || "object";
    };
    
    /**
     * 为对象进行扩展属性和方法
     * @param {object} object 对象
     * @return {bool} 是/否
     */     
    base.extend = function(destination, source) {
        if (destination == null) {
            destination = source;
        }else {
            for (var property in source){        
                if ( getParamType(source[property]).toLowerCase() === "object" && 
                    getParamType(destination[property]).toLowerCase() === "object" ){
                        extend(destination[property], source[property]);
                    }else{
                        destination[property] = source[property];
                    }
            }
        }
        return destination;
    }
    
    base.extendLess = function(destination, source) {
        var newopt = source;
        for (var i in destination) {
            if (isObject(source) && typeof(source[i]) != 'undefined') {
                destination[i] = newopt[i]
            }
        }
        return destination
    }
    
    /**
     * 类式继承类
     * @param {object} subClass 子类
     * @param {object} superClass 基础类
     * @return {undefined} 
     */    
    base.extendClass = function(subClass,superClass){
        var F = function(){};
        F.prototype = superClass.prototype;
        subClass.prototype = new F();
        subClass.prototype.constructor = subClass;
        subClass.superclass = superClass.prototype;
        if (superClass.prototype.constructor == Object.prototype.constructor){
            superClass.prototype.constructor = superClass
        }
    }
    
    /**
     * 原型继承类
     * @param {object} object 基类
     * @return {object} 生成的子类
     */     
    base.cloneClass = function(object){        
        if(!isObject(object)) return object;
        if(object == null) return object;
        var F = new Object();
        for(var i in object)
            F[i] = cloneClass(object[i]);
        return F;         
    }
    /**
     * 绑定上下文
     * @param {function,context} object
     * @return {object}
     */     
    base.bind = function(fn,context){        
         return function(){
             return fn.apply(context,arguments);
         };        
    }
    
    base.extend( base, {
        /**
         * 判断对象是否定义
         * 其实只对对象中的元素判断有效,如是纯变量,此方法会无法调用,需要外面加try
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isUndefined : function(o){ 
                 return o === undefined && typeof o == "undefined";
        },
        /**
         * 判断对象是否数组
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isArray : function(obj) {
            return getParamType(obj).toLowerCase() === "array";
        },        
        /**
         * 判断对象是否函数
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isFunction : function(obj){
            return getParamType(obj).toLowerCase() === "function";
        },        
        /**
         * 判断对象是否对象
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isObject : function(obj) {
            return getParamType(obj).toLowerCase() === "object";
        },
        /**
         * 判断对象是否数值
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isNumber : function(obj) {
            return getParamType(obj).toLowerCase() === "number";
        },
        /**
         * 判断对象是否字符串
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isString : function(obj) {
            return getParamType(obj).toLowerCase() === "string";
        },
        /**
         * 判断是否布尔值
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isBoolean : function(obj) {
            return getParamType(obj).toLowerCase() === "boolean";
        },
        /**
         * 判断对象是否日期
         * @param {object} object 对象
         * @return {bool} 是/否
         */
        isDate : function(obj){
            return getParamType(obj).toLowerCase() === "date";
        },
        
        /**
         * 判断对象是否DOM元素
         * @param {object} obj DOM对象
         * @return {bool} 是/否
         */
        isDom : function(obj){
            try{
                return obj && typeof obj === "object" && !isUndefined(obj.nodeType) && obj.nodeType==1 && !isUndefined(obj.nodeName) && typeof obj.nodeName == "string";
            }
            catch(e){
                //console.log(e)
                return false;
            }
        },
        
        /**
         * 获取DOM对象的值
         * @param {object} obj DOM对象
         * @return {string} 取value或innerHTML
         */
        getDomVal : function(obj){
            return obj.value || obj.innerHTML;
        },
        /**
         * 索引序列
         * @param {serial,function} 数组或对象集合
         * @return {undefined}
         */
        forEach : function(haystack, callback) {
            var i = 0,
                length = haystack.length,
                name;

            if (length !== undefined) {
                for (; i < length;) {
                    if (callback.call(haystack[i], i, haystack[i++]) === false) {
                        break;
                    }
                }
            } else {
                for (name in haystack) {
                    callback.call(haystack[name], name, haystack[name]);
                }
            }
        },
        /**
         * 获取dom对象
         * @param {string|dom} dom的id或对象k
         * @return {dom} 
         */
        g : function(obj){
            return (typeof obj=='object')?obj:document.getElementById(obj);
        }
    });
    
})();

base.extend(window, base); 

 base下的DOM操作

namespace("base.dom");
(function(){
var dom = base.dom;

var userAgent = navigator.userAgent.toLowerCase();

extend( dom, {
    /**
     * 判断浏览器类型
     */
    browser : {
        /**
         * 获取版本号
         */
        version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
        /**
         * 是否webkit浏览器
         */
        webkit: /webkit/.test( userAgent ),
        /**
         * 是否opera浏览器
         */
        opera: /opera/.test( userAgent ),
        /**
         * 是否IE浏览器
         */
        msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
        /**
         * 是否mozilla浏览器
         */
        mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ),
        /**
         * 是否TT浏览器
         */
        tt: /tencenttraveler/.test( userAgent ),
        /**
         * 是否chrome浏览器
         */
        chrome: /chrome/.test( userAgent ),
        /**
         * 是否firefox浏览器
         */
        firefox: /firefox/.test( userAgent ),
        /**
         * 是否safari浏览器
         */
        safari: /safari/.test( userAgent ),
        /**
         * 是否gecko浏览器
         */
        gecko: /gecko/.test( userAgent ),
        /**
         * 是否IE6
         */
        ie6: this.msie && this.version.substr(0,1) == '6'
    
    },
    
    /**
     * 获取dom对象
     * @param {string|dom} dom的id或对象
     * @return {dom} 
     */
    g : function(obj){
        return (typeof obj=='object')?obj:document.getElementById(obj);
    },
    
    /**
     * 判断DOM对象是否存在样式类名称
     * @param {dom} element dom对象
     * @param {string} className 样式名称
     * @return {bool} 
     */     
    hasClassName : function(element, className) {
        var elementClassName = element.className;
        return (elementClassName.length > 0 && (elementClassName == className ||
      new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName)));
    },
    
    /**
     * 为DOM对象增加样式类名称
     * @param {dom} element dom对象
     * @param {string} className 样式名称
     * @return {dom} 
     */
    addClassName : function(element, className) {
        if (!base.hasClassName(element, className))
            element.className += (element.className ? ' ' : '') + className;
        return element;
    },
    
    /**
     * 为DOM对象删除样式类名称
     * @param {dom} element dom对象
     * @param {string} className 样式名称
     * @return {dom} 
     */
    removeClassName : function(element, className) {
        element.className = base.trim(element.className.replace(
            new RegExp("(^|\\s+)" + className + "(\\s+|$)") , ' '));
        return element;    
    },
    
    /**
     * 为dom对象设置样式
     * @param {dom} ele dom对象
     * @param {object} styles 样式对象 like:{width:100,height:100}
     * @return undefined
     */
    setStyle: function(ele, styles){
        for (var i in styles) {
            ele.style[i] = styles[i];
        }
    },
    
    /**
     * 为dom对象获取选定属性的样式
     * @param {dom} ele dom对象
     * @param {string} prop 属性名称
     * @return 属性样式
     */
    getStyle: function(el, prop){
        var viewCSS = isFunction(document.defaultView) //(typeof document.defaultView == 'function') 
            ? document.defaultView() 
            : document.defaultView;
        if (viewCSS && viewCSS.getComputedStyle) {
            var s = viewCSS.getComputedStyle(el, null);
            return s && s.getPropertyValue(prop);
        }
        return (el.currentStyle && (el.currentStyle[prop] || null) || null);
    },
    
    /**
     * 获取页面最大高度
     * @return 属性样式
     */
    getMaxH: function(){
        return (this.getPageHeight() > this.getWinHeight() ? this.getPageHeight() : this.getWinHeight())
    },
    
    /**
     * 获取页面最大宽度
     * @return 属性样式
     */
    getMaxW: function(){
        return (this.getPageWidth() > this.getWinWidth() ? this.getPageWidth() : this.getWinWidth())
    },
    
    /**
     * 网页内容高度
     * @return {int} 网页内容高度
     */
    getPageHeight: function(){
        var h = (window.innerHeight && window.scrollMaxY) ? (window.innerHeight + window.scrollMaxY) : (document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);
        return h > document.documentElement.scrollHeight ? h : document.documentElement.scrollHeight
    },
    
    /**
     * 网页内容宽度
     * @return {int} 网页内容宽度
     */
    getPageWidth: function(){
        return (window.innerWidth && window.scrollMaxX) ? (window.innerWidth + window.scrollMaxX) : (document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth);
    },
    
    /**
     * 浏览器可视区域高度
     * @return {int} 网可视区域高度
     */
    getWinHeight: function(){
        return (window.innerHeight) ? window.innerHeight : 
        (document.documentElement && document.documentElement.clientHeight) 
        ? document.documentElement.clientHeight 
        : document.body.offsetHeight
    },
    
    /**
     * 浏览器可视区域宽度
     * @return {int} 网可视区域宽度
     */
    getWinWidth: function(){
        return (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth
    },
    
    /**
     * 设置dom透明度
     * @param {dom} ele dom对象
     * @param {int} level 透明度值(0-100的整数)
     * @return {undefined} 
     */    
    setOpacity: function(ele, level){
        //level = Math.min(1,Math.max(level,0));
        if(this.browser.msie && (!document.documentMode || document.documentMode < 9)){
            ele.style.filter = 'Alpha(opacity=' + level + ')'
        }else{
            ele.style.opacity = level / 100
         }
    },
    /**
     * 获取页面中对象的绝对X位置
     * @param {dom} e dom对象
     * @return {int} 
     */    
    getX: function(e) {
        var t = e.offsetLeft;
        while (e = e.offsetParent) t += e.offsetLeft;
        return t
    },
    /**
     * 获取页面中对象的绝对Y位置
     * @param {dom} e dom对象
     * @return {int} 
     */    
    getY: function(e) {
        var t = e.offsetTop;
        while (e = e.offsetParent) t += e.offsetTop;
        return t
    },
    
    /**
     * 获取url中的参数值
     * @param {string} pa 参数名称
     * @return {string} 参数值
     */    
    request: function(pa){ 
        var url = window.location.href.replace(/#+.*$/, ''),
            params = url.substring(url.indexOf("?")+1,url.length).split("&"),
            param = {} ;
        for (var i=0; i<params.length; i++){  
            var pos = params[i].indexOf('='),//查找name=value  
                key = params[i].substring(0,pos),
                val = params[i].substring(pos+1);//提取value 
            param[key] = val;
        } 
        return (typeof(param[pa])=="undefined") ? "" : param[pa];
    } 
})
})();
base.extend(base, base.dom);

base下的event事件

namespace("base.event");

(function(){
var event = base.event;
extend( event, {
    /**
     * 停止事件继续进行
     * @param {event} e 事件
     * @return {dom} 
     */
    preventDefault : function(e){
        if (e.preventDefault){
            e.preventDefault();
        }
        else{
            e.returnValue = false;
        }
    },
    /**
     * 阻止事件冒泡传递
     * @param {event} e 事件
     * @return {dom} 
     */
    stopPropagation : function(e){
        if (e.stopPropagation){
            e.stopPropagation();            
        }
        else{
            e.cancelBubble = true;
        }
    },
    /**
     * 为DOM对象增加事件
     * @param {dom} element dom对象
     * @param {string} type 事件名称
     * @param {function} type 事件方法
     * @return {undefined} 
     */
    addEvent : function(el, type, fn){
        if (window.addEventListener){
            el['e'+type+fn] = fn;
            el[type+fn] = function(e){
                var _e = e || window.event,
                    _r = el['e'+type+fn](_e);
                if (_r==false) {
                    base.preventDefault(_e);
                    base.stopPropagation(_e);
                }                
            }            
            el.addEventListener(type, el[type+fn], false);    
        }
        else if (window.attachEvent){
            el['e'+type+fn] = fn;
            el[type+fn] = function(e){
                var _r = el['e'+type+fn](window.event);
                if (_r==false) base.preventDefault(window.event);
            }
            el.attachEvent( 'on'+type, el[type+fn] );
            return;
        }
        else{
            el['on' + type] = fn;
        }
    },    
    /**
     * 为DOM对象移除事件
     * @param {dom} element dom对象
     * @param {string} type 事件名称
     * @param {function} type 事件方法
     * @return {undefined} 
     */
    removeEvent : function (el, type, fn){
        if (window.removeEventListener){
            el.removeEventListener(type, el[type+fn], false);
            el[type+fn] = null;    
        }
        else if (window.detachEvent){        
            el.detachEvent( 'on'+type, el[type+fn] );            
            el[type+fn] = null;            
            return;
        }
        else{
            el['on' + type] = null;
        }
    },
    isReady : false,
    readyFn : [],
    /**
     * dom ready事件
     * @param {dom} element dom对象
     * @param {string} type 事件名称
     * @param {function} type 事件方法
     * @return {undefined} 
     */
    ready : function (fn){    
        bindReadyEvent();    
        if ( base.isReady ){
            fn.call();
        }
        else {
            if (isFunction(fn)){
                base.readyFn.push(fn);
            }
        }
    }
});

function bindReadyEvent(){
    if(document.readyState === 'complete'){
        return ready();
    }
    if(document.addEventListener){
        document.addEventListener("DOMContentLoaded", function(){
            document.removeEventListener("DOMContentLoaded", arguments.callee, false);
            ready();
        },false);
        window.addEventListener("load", ready, false);
    }
    else if(document.attachEvent){
        document.attachEvent("onreadystatechange", function(){
            if (document.readyState === "complete"){
                document.detachEvent("onreadystatechange", arguments.callee);
                ready();
            }
        });
        window.attachEvent("onload",ready);
        if(document.documentElement.doScroll && window == window.top){
            if(base.isReady) return;
            try{
                document.documentElement.doScroll("left");
            }catch(e){
                setTimeout(arguments.callee, 0);
                return;
            }
            ready();
        }
    }
}

function ready(){
    if(!base.isReady){
        if(!document.body){
            return setTimeout(ready,13);
        }
        base.isReady = true;
        
        if(base.readyFn.length >0){
            var i=0,fn;
            while(fn = base.readyFn[i++])
                fn.call();
            base.readyFn.length = 0;
        }
            
    }
}

})();
base.extend(base, base.event);

base下的array数组

namespace("base.array");
(function(){
var array = base.array;
extend( array, {
    /**
     * 判断数组内容个数
     * @param {array} array 对象
     * @return {int} 长度
     */
    getLength : function(arr){
        var l = 0;
        for(var key in arr){
            l ++;
        }    
        return l;
    },
    /**
     * 复制数组
     * @param {array} array 对象
     * @return {array} 新数组对象
     */
    clone : function(arr){
        var a = [];
        for(var i=0; i<arr.length; ++i) {
            a.push(arr[i]);
        }
        return a;
    },
    /**
     * 判断数组中是否存在这个值
     * @param {array} arr 数组对象
     * @param {object} value 对象
     * @return {bool} 是/否
     */
    hasValue : function(arr, value){
        var find = false;
        if (isArray(arr) || isObject(arr))
            for(var key in arr){
                if (arr[key] == value) find = true;
            }
        return find;
    },
    /**
     * 根据值获得数组中的key
     * @param {array} arr 数组对象
     * @param {object} value 对象
     * @return {string} key
     */
    getArrayKey : function(arr, value){
        var findKey = -1;
        if (isArray(arr) || isObject(arr))
            for(var key in arr){
                if (arr[key] == value) findKey = key;
            }
        return findKey;
    },
    /**
     * 返回a1数组有a2没有的值
     * @param {array} a1 数组对象
     * @param {array} a2 数组对象
     * @return {array} key
     */
    filter : function (a1, a2) {
        var res = [];
        for(var i=0;i<a1.length;i++) {
            if(!base.hasValue(a2, a1[i]))
                res.push(a1[i]);
        }
        return res;
    },
    /**
     * 两个数组的值的交集
     * @param {array} arr 数组
     * @param {array} arr 数组
     * @return {array} key
     */
    unique : function (a1, a2) {
        return base.filter(a1,a2).concat(base.filter(a2,a1))
    } 
});
})();
base.extend(base, base.array); 

base下的string字符串

namespace("base.string");
(function(){

var string = base.string;
extend( string, {
    /**
     * 查找字符串的字节长度<br/>
     * 中文算2 英文算1<br/>
     * @param {string} str 字符串
     * @return {int}
     */
    getByteLength : function(str){
        var bytes=0,i=0;
        for (; i<str.length; ++i,++bytes) {
            if ( str.charCodeAt(i) > 255 ) {
                    ++bytes;
            }
        }
        return bytes;
    },
    /**
     * 查找有多少个双字节字符
     * @param {string} str 字符串
     * @return {int}
     */
    getDwordNum : function(str){
        return string.getByteLength(str) - str.length;
    },
    /**
     * 查找有多少个汉字字符
     * @param {string} str 字符串
     * @return {int}
     */
    getChineseNum : function(str){
        return str.length - str.replace(/[\u4e00-\u9fa5]/g,"").length;
    },
    /**
     * 截取中文字符串<br/>
     * 取iMaxBytes 或最后一个中文字符出现的地方替换字符<br/>
     * @param {string} str 字符串
     * @param {int} iMaxBytes 字符串
     * @param {string} sSuffix 替补字符串
     * @return {string}
     */
    cutChinese : function(str, iMaxBytes, sSuffix){
        if(isNaN(iMaxBytes)) return str;
        if(string.getByteLength(str)<=iMaxBytes) return str;
        var i=0, bytes=0;
        for (; i<str.length && bytes<iMaxBytes; ++i,++bytes) {
            if ( str.charCodeAt(i) > 255 ) {
                    ++bytes;
            }
        }
        sSuffix = sSuffix || "";
        return (bytes-iMaxBytes == 1 ? str.substr(0,i-1) : str.substr(0,i) ) + sSuffix;
    },
    /**
     * 去掉字符串左边的非空字符
     * @param {string} str 字符串
     * @return {string}
     */
    trimLeft : function(str){
        return str.replace(/^\s+/,"");
    },
    /**
     * 去掉字符串右边的非空字符
     * @param {string} str 字符串
     * @return {string}
     */
    trimRight : function(str){
        return str.replace(/\s+$/,"");
    },
    /**
     * 去掉字符串左右两边的非空字符
     * @param {string} str 字符串
     * @return {string}
     */
    trim : function(str){
        return base.trimRight(base.trimLeft(str));
    },
    /**
     * 成对字符串替换
     * @param {string} str 字符串
     * @param {array} str 字符串<br/>
          array包含两个 [0] 查找内容,[1] 替换内容<br/>
          array可以出现多次<br/>
     * @return {string}
     */
    replacePairs : function(){
        var str = arguments[0];
        for (var i=1; i<arguments.length; ++i) {
            var re = new RegExp(arguments[i][0], "g"); 
            str = str.replace(re, arguments[i][1]);
        }
        return str;
    },
    /**
     * 字符串替换为HTML编码形式
     * @param {string} str 字符串
     * @return {string}
     */
    toHtml : function(str){
        var CONVERT_ARRAY =
        [
            ["&", "&#38;"],
            [" ", "&#32;"],
            ["'", "&#39;"], 
            ["\"", "&#34;"],
            ["/", "&#47;"],
            ["<", "&#60;"],
            [">", "&#62;"],
            ["\\\\", "&#92;"],
            ["\n", "<br />"],
            ["\r", ""]
        ];
        return base.replacePairs.apply(this, [str].concat(CONVERT_ARRAY));
    },
    /**
     * 校验邮箱地址
     * @param {string} str 字符串
     * @return {bool}
     */
    isMail : function(str){
        return /^(?:[\w-]+\.?)*[\w-]+@(?:[\w-]+\.)+[\w]{2,3}$/.test(str);    
    },
    /**
     * 校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”
     * @param {string} str 字符串
     * @return {bool}
     */
    isTel : function(str){
        return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/.test(str);
    },
    /**
     * 校验手机号码:必须以数字开头
     * @param {string} str 字符串
     * @return {bool}
     */
    isMobile : function(str){
        return /^1[34578]\d{9}$/.test(str);
    },
    /**
     * 校验邮政编码
     * @param {string} str 字符串
     * @return {bool}
     */
    isZipCode : function(str){
        return /^(\d){6}$/.test(str);
    },
    /**
     * 是否身份证号码
     * @param {string} str 字符串
     * @return {bool}
     */
    isIDCard : function(str){
        var C15ToC18 = function(c15) {
            var cId=c15.substring(0,6)+"19"+c15.substring(6,15);
            var strJiaoYan  =[  "1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2"];
            var intQuan =[7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
            var intTemp=0;
            for(i = 0; i < cId.length ; i++)
            intTemp +=  cId.substring(i, i + 1)  * intQuan[i];  
            intTemp %= 11;
            cId+=strJiaoYan[intTemp];
            return cId; 
        }
        var Is18IDCard = function(IDNum) {
            var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
        
            var iSum=0, info="", sID=IDNum;
            if(!/^\d{17}(\d|x)$/i.test(sID)) {
                return false;
            }
            sID=sID.replace(/x$/i,"a");
        
            if(aCity[parseInt(sID.substr(0,2))]==null) {
                return false;
            }
            
            var sBirthday=sID.substr(6,4)+"-"+Number(sID.substr(10,2))+"-"+Number(sID.substr(12,2));
            var d=new Date(sBirthday.replace(/-/g,"/"))
            
            if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return false;
            
            for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sID.charAt(17 - i),11)
            
            if(iSum%11!=1)return false;
            return true;
        }
        
        return str.length==15 ? Is18IDCard(C15ToC18(str)) : Is18IDCard(str);
    },    
    /**
     * 是否全部是中文
     * @param {string} str 字符串
     * @return {bool}
     */
    isChinese : function(str){
        return base.getChineseNum(str)==str.length ? true : false;
    },
    /**
     * 是否全部是英文
     * @param {string} str 字符串
     * @return {bool}
     */
    isEnglish : function(str){
        return /^[A-Za-z]+$/.test(str);
    },
    /**
     * 是否链接地址
     * @param {string} str 字符串
     * @return {bool}
     */
    isURL : function(str){
        return /^(https|http):\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/.test(str);
    },
    /**
     * 是否数字字符串
     * @param {string} str 字符串
     * @return {bool}
     */
    isNumberString : function(str){
        return /^\d+$/.test(str);
    }
})
})();
base.extend(base, base.string); 

base下的cookie操作

namespace("base.cookie");

(function(){
var cookie = base.cookie;
extend( cookie, {
    /**
     * 设置cookie
     * @param {string} sName cookie名
     * @param {string} sValue cookie值
     * @param {int} iExpireSec 失效时间(秒)
     * @param {string} sDomain 作用域
     * @param {string} sPath 作用路径
     * @param {bool} bSecure 是否加密
     * @return {void}
     */
    set : function(sName,sValue,iExpireSec,sDomain,sPath,bSecure){
        if(sName==undefined) {
            return;
        }
        if(sValue==undefined) {
            sValue="";
        }
        var oCookieArray = [sName+"="+escape(sValue)];
        if(!isNaN(iExpireSec)){
            var oDate = new Date();
            oDate.setTime(oDate.getTime()+iExpireSec*1000);
            iExpireSec==0 ? '' : oCookieArray.push("expires=" + oDate.toGMTString()) ;
        }
        if(sDomain!=undefined){
            oCookieArray.push("domain="+sDomain);
        }
        if(sPath!=undefined){
            oCookieArray.push("path="+sPath);
        }
        if(bSecure){
            oCookieArray.push("secure");
        }
        document.cookie=oCookieArray.join("; ");
    },
    /**
     * 获取cookie
     * @param {string} sName cookie名
     * @param {string} sValue 默认值
     * @return {string} cookie值
     */
    get : function(sName,sDefaultValue){
        var sRE = "(?:; |^)" + sName + "=([^;]*);?";
        var oRE = new RegExp(sRE);
        
        if (oRE.test(document.cookie)) {
            return unescape(RegExp["$1"]);
        } else {
            return sDefaultValue||null;
        }
    },
    /**
     * 获取cookie
     * @param {string} sName cookie名
     * @param {string} sDomain 作用域
     * @param {sPath} sPath 作用路径
     * @return {void} 
     */
    clear : function(sName, sDomain, sPath){
        var oDate = new Date();
        cookie.set(sName,"", -oDate.getTime()/1000, sDomain, sPath);
    }    
});
})();
base.extend(base, base.cookie); 

base下的date日期操作

namespace("base.date");
(function(){
var date = base.date;
var _d = new Date();
extend( date, {
    /**
     * 获取日期
     * @param {string} sep 分隔符 默认为-
     * @return {string} yyyy-mm-dd
     */
    toDateString : function(nd){    
        var a=[],
            dt = isDate(nd) ? nd : _d;
            m = dt.getMonth()+1,
            d = dt.getDate(),
            sep = arguments[1] ? arguments[1] : (isString(arguments[0]) ? arguments[0] : "-"); 
        a.push(dt.getFullYear());
        a.push( m.toString().length < 2 ? "0" + m : m);
        a.push( d.toString().length < 2 ? "0" + d : d);
        return a.join(sep);
    },
    /**
     * 获取日期和时间
     * @param {string} sep 分隔符 默认为-
     * @return {string} yyyy-mm-dd hh:ii:ss
     */
    toDateTimeString : function(nd){
        var dt = isDate(nd) ? nd : _d,
            h = dt.getHours(),
            i = dt.getMinutes(),
            s = dt.getSeconds(),
            a = [];
        a.push(h.toString().length < 2 ? "0" + h : h);
        a.push(i.toString().length < 2 ? "0" + i : i);
        a.push(s.toString().length < 2 ? "0" + s : s);
        return date.toDateString.apply(this,arguments) + " " + a.join(":");
    },
    /**
     * 是否润年
     * @param {int} year 年份
     * @return {bool} 是/否
     */
    isLeapYear : function(year) {
        return (0 == year % 4 && ((year % 100 != 0) || (year % 400 == 0)))
    },
    /**
     * 获取服务器时间
     * @return {date} Date
     */
    getSeverDateTime : function(){
        var xhr = window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
        xhr.open("HEAD", window.location.href, false);
        xhr.send();    
        var d= new Date(xhr.getResponseHeader("Date"));
        
        
        return d;
    }    
});
})();
base.extend(base, base.date);

base下的number

namespace("base.number");
(function(){

var number = base.number;
extend( number, {
    /**
     * 是否某一范围的整数
     * @param {int} n 数值
     * @param {int} iMin 范围低值
     * @param {int} iMax 范围高值
     * @return {bool} 
     */
    isInt : function(n, iMin, iMax){
        if(!isFinite(n)) {
            return false;
        }
        if(!/^[+-]?\d+$/.test(n)) {
            return false;   
        }
        if(iMin!=undefined && parseInt(n)<parseInt(iMin)) {
            return false;
        }
        if(iMax!=undefined && parseInt(n)>parseInt(iMax)) {
            return false;
        }    
        return true;
    },
    /**
     * 是否某一范围浮点数
     * @param {float} n 数值
     * @param {float} fMin 范围低值
     * @param {float} fMax 范围高值
     * @return {bool} 
     */
    isFloat : function(n, fMin, fMax){
        if(!isFinite(n)) {
            return false;
        }
        if(fMin!=undefined && parseFloat(n)<parseFloat(fMin)) {
            return false;
        }
        if(fMax!=undefined && parseFloat(n)>parseFloat(fMax)) {
            return false;
        }
        return true;
    },
    /**
     * 取随机整数
     * @param {int} n 整数
     * @return {int} 0~n间的随机整数
     */
    randomInt : function(n){
        return Math.floor(Math.random() * n);
    }
});
})();
base.extend(base,base.number);

base下的object对象

namespace("base.object");

(function(){

extend( base.object, {
    /**
     * 序列化JSON对象
     * 对object转化为url参数字符串,各属性间以&分隔,如a=1&b=2&c=3
     * 对象属性为string 则进行encodeURIComponent编码
     * 对象属性为bool 则以0代表false 1代表true
     * 对象属性为对象,则会继续进行递归序列化
     * 对象属性为function 则返回function.toString
     * @param {object} jsonObj json对象
     * @return {string}
     */
    serialize : function(jsonObj){
        var newJsonObj = null;
        if (typeof(jsonObj) == 'undefined' || typeof(jsonObj) == 'function') 
            newJsonObj = '';
        if (typeof(jsonObj) == 'number') 
            newJsonObj = jsonObj.toString();            
        if (typeof(jsonObj) == 'boolean') 
            newJsonObj = (jsonObj) ? '1' : '0';
        if (typeof(jsonObj) == 'object') {
            if (!jsonObj) newJsonObj = '';
            if (jsonObj instanceof RegExp) newJsonObj = jsonObj.toString();
        }
        if (typeof(jsonObj) == 'string') 
            newJsonObj = jsonObj;        
        if (typeof(newJsonObj) == 'string') 
            return encodeURIComponent(newJsonObj);
            
        var ret = [];
        if (jsonObj instanceof Array) {
            for (var i = 0; i < jsonObj.length; i++) {
                if (typeof(jsonObj[i]) == 'undefined')     continue;
                ret.push(typeof(jsonObj[i]) == 'object' ? '' : base.serialize(jsonObj[i]))
            }
            return ret.join('|')
        } 
        else {
            for (var i in jsonObj) {                
                if (typeof(jsonObj[i]) == 'undefined')     continue;
                newJsonObj = null;
                if (typeof(jsonObj[i]) == 'object') {
                    if (jsonObj[i] instanceof Array) {
                        newJsonObj = jsonObj[i];
                        ret.push(i + '=' + base.serialize(newJsonObj));
                    } else {
                        ret.push(i + '=')
                    }
                } else {
                    newJsonObj = jsonObj[i];
                    ret.push(i + '=' + base.serialize(newJsonObj));
                }
            }
            return ret.join('&')
        }
    },
    /**
     * 反序列化为JSON对象
     * 对url参形形式的对象反序列化成为JSON对象
     * 与serialize相对应
     * @param {object} jsonObj json对象
     * @return {string}
     */
    unSerialize : function(jsonStr, de){
        de = de || 0;
        jsonStr = jsonStr.toString();
        if (!jsonStr) return {};
        var retObj = {}, 
            obj1Ret = jsonStr.split('&');
        if (obj1Ret.length == 0) return retObj
        for (var i = 0; i < obj1Ret.length; i++) {
            if (!obj1Ret[i]) continue;
            var ret2 = obj1Ret[i].split('=');
            if (ret2.length >= 2) {
                var ret0 = obj1Ret[i].substr(0, obj1Ret[i].indexOf('=')),
                    ret1 = obj1Ret[i].substr(obj1Ret[i].indexOf('=') + 1);
                if (!ret1) ret1 = '';
                if (ret0) retObj[ret0] = de == 0? decodeURIComponent(ret1) : ret1;
            }
        }
        return retObj;
    },
    /**
     * 对整个object进行utf8格式的url解码
     * @param {object} newopt 解码对象
     * @return {object} 已解码对象
     */
    decode : function(newopt) {
        if (typeof(newopt) == 'string') {
            try {
                return decodeURIComponent(newopt)
            } catch(e) {}
            return newopt
        }
        if (typeof(newopt) == 'object') {
            if (newopt == null) {
                return null
            }
            if (newopt instanceof Array) {
                for (var i = 0; i < newopt.length; i++) {
                    newopt[i] = base.decode(newopt[i])
                }
                return newopt
            } else if (newopt instanceof RegExp) {
                return newopt
            } else {
                for (var i in newopt) {
                    newopt[i] = base.decode(newopt[i]);
                }
                return newopt
            }
        }
        return newopt
    }
    
});
})();
base.extend(base,base.object);

base下的XSS漏洞过滤

/*处理前端的XSS漏洞过滤
* 通用过滤XSS
* base.xss.filter("javascript:alert(document.cookie)");
 *过滤微信昵称
* base.xss.filterWxNickName('小<script>alert(document.cookie);</script>丁<span class=\"emoji emoji1f42f\"></span>丁');
*/

namespace("base.xss");
(function(){
var xss = base.xss;
extend(xss,{
    /**
     * 通用过滤,对所有涉及到XSS漏洞的敏感字符和符号进行过滤
     * @param {oriStr} string 待过滤的原始字符串
     * @return {string} 过滤后的字符串
     */
    filter:function(oriStr){
        if(!oriStr){
            return oriStr;
        }
        var charCodes=['3c','3e','27','22','28','29','60',{format:'script{}',chr:'3a'}];//要转义字符的16进制ASCII码[1<  2>  3'  4"  5(  6)  7`]
        var xssChars=[],filterChars=[],tmpFormat='{}',tmpChr;
        for(var i=0;i<charCodes.length;i++){
            if('string'==typeof charCodes[i]){
                tmpFormat='{}';
                tmpChr=charCodes[i];
            }else{
                tmpFormat=charCodes[i].format;
                tmpChr=charCodes[i].chr
            }
            xssChars.push(tmpFormat.replace('{}','\\u00'+tmpChr));
            xssChars.push(tmpFormat.replace('{}','%'+tmpChr));//1次encode
            xssChars.push(tmpFormat.replace('{}','%25'+tmpChr));//2次encode
            filterChars.push(tmpFormat.replace('{}','&#x'+tmpChr+';'));
            filterChars.push(tmpFormat.replace('{}','%26%23x'+tmpChr+'%3B'));//1次encode
            filterChars.push(tmpFormat.replace('{}','%2526%2523x' + tmpChr + '%253B'));//2次encode
        }
        for(var i=0;i<xssChars.length;i++){
            oriStr=oriStr.replace(new RegExp(xssChars[i],'gi'),filterChars[i]);
        }
        //预防script:
        oriStr=oriStr.replace(/script[\u000d\u000a\u0020]+\:/i,'script&#x3a;');
        return oriStr;
    },
    /**
     * [专门过滤]过滤微信昵称,过滤除emoji表情之外的所有字符
     * @param {oriStr} string 待过滤的原始字符串
     * @return {string} 过滤后的字符串
     */
    filterWxNickName:function(oriStr){
        console.log(this);
        var matchArr=oriStr.match(/\<span\sclass\=\"emoji\semoji[0-9a-z]+\"\>\<\/span\>/g);
        var oriTagStr="",filterTagStr="";
        var tag="{tag_"+(new Date()).getTime()+"}";
        if(!matchArr || !matchArr.length){
            return this.filter(oriStr);
        }else{
            oriTagStr=oriStr.replace(/\<span\sclass\=\"emoji\semoji[0-9a-z]+\"\>\<\/span\>/g,tag);
            filterTagStr=this.filter(oriTagStr);
            for(var i=0;i<matchArr.length;i++){
                filterTagStr=filterTagStr.replace(tag,matchArr[i]);
            }
            return filterTagStr;
        }
    }
});
})();
base.extend(base,base.xss);

 


原文链接:https://www.cnblogs.com/moqiutao/p/10757308.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:前端笔记之Vue(一)初识SPA和Vue&amp;webpack配置和vue安装&amp

下一篇:canvas 绘制刮刮卡