[笔记]记录原开发工作在base命名空间下扩展的属…
2019-04-28 08:21:21来源:博客园 阅读 ()
前言
该笔记只是为了记录以前开发使用的方式。
处理命名空间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 = [ ["&", "&"], [" ", " "], ["'", "'"], ["\"", """], ["/", "/"], ["<", "<"], [">", ">"], ["\\\\", "\"], ["\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:'); 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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- Jquery插件写法笔记整理 2020-03-29
- jQuery插件开发全解析 2020-03-25
- JS简单去除数组中重复项的方法 2020-03-16
- vue.js开发环境搭建教程 2020-03-16
- 微信小程序开发图片拖拽实例详解 2020-03-16
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash