都是些常用的功能,这里就不多废话了,小伙伴们自己看下就明白了
奉上代码:
//cookie function setCookie(name, value, iDay) { if(iDay!==false) { var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate+';path=/'; } else { document.cookie=name+'='+value; } } function getCookie(name) { var arr=document.cookie.split('; '); var i=0; for(i=0;i<arr.length;i++) { var arr2=arr[i].split('='); if(arr2[0]==name) { return arr2[1]; } } return ''; } function removeCookie(name) { setCookie(name, 'a', -1); } //事件 function myAddEvent(obj, ev, fn){ obj.attachEvent?obj.attachEvent('on'+ev, fn):obj.addEventListener(ev, fn, false); } function myDelEvent(obj, ev, fn){ obj.detachEvent?obj.detachEvent('on'+ev, fn):obj.removeEventListener(ev, fn, false); } function getByClass(oParent, sClass) { var aEle=oParent.getElementsByTagName('*'); var re=new RegExp('\\b'+sClass+'\\b', 'i'); var aResult=[]; for(var i=0;i<aEle.length;i++) { if(re.test(aEle[i].className)) { aResult.push(aEle[i]); } } return aResult; } function bindEvent(obj, ev, fn) { obj.addEventListener?obj.addEventListener(ev, fn, false):obj.attachEvent('on'+ev, fn); } function unbindEvent(obj, ev, fn) { obj.removeEventListener?obj.removeEventListener(ev, fn, false):obj.detachEvent('on'+ev, fn); } //生成随机数 function rnd(n, m) { return Math.random()*(m-n)+n; } function time2date(t) { function d(n){return n<10?'0'+n:''+n;} var oDate=new Date(t*1000); return oDate.getFullYear()+'-'+d(oDate.getMonth()+1)+'-'+d(oDate.getDate())+' '+d(oDate.getHours())+':'+d(oDate.getMinutes())+':'+d(oDate.getSeconds()); } function time2day(t) { function d(n){return n<10?'0'+n:''+n;} var oDate=new Date(t*1000); return oDate.getFullYear()+'-'+d(oDate.getMonth()+1)+'-'+d(oDate.getDate()); } //拖拽 function drag(objEv, objMove, fnMoveCallBack) { var disX=0,disY=0; objEv.onmousedown=function (ev) { var oEvent=ev||event; disX=(document.documentElement.scrollLeft||document.body.scrollLeft)+oEvent.clientX-objMove.offsetLeft; disY=(document.documentElement.scrollTop||document.body.scrollTop)+oEvent.clientY-objMove.offsetTop; if(objEv.setCapture) { objEv.onmousemove=fnMove; objEv.onmouseup=fnUp; objEv.setCapture(); } else { document.onmousemove=fnMove; document.onmouseup=fnUp; return false; } }; function fnMove(ev) { var oEvent=ev||event; var l=(document.documentElement.scrollLeft||document.body.scrollLeft)+oEvent.clientX-disX; var t=(document.documentElement.scrollTop||document.body.scrollTop)+oEvent.clientY-disY; fnMoveCallBack(l,t); } function fnUp() { this.onmousemove=null; this.onmouseup=null; if(this.releaseCapture)this.releaseCapture(); } } function mouseScroll(obj, fnCallBack) { bindEvent(obj, 'mousewheel', fnScroll); bindEvent(obj, 'DOMMouseScroll', fnScroll); function fnScroll(ev) { var oEvent=ev||event; var bDown; if(oEvent.wheelDelta) { bDown=oEvent.wheelDelta<0; } else { bDown=oEvent.detail>0; } fnCallBack(bDown); if(oEvent.preventDefault)oEvent.preventDefault(); return false; } } //摆动运动 zns.site.fx.swing=function (obj, cur, target, fnDo, fnEnd, acc) { if(zns.site.fx.browser_test.IE6) { fnDo&&fnDo.call(obj, target); fnEnd&&fnEnd.call(obj, target); return; } if(!acc)acc=0.1; var now={}; var x=0; //0-100 if(!obj.__swing_v)obj.__swing_v=0; if(!obj.__last_timer)obj.__last_timer=0; var t=new Date().getTime(); if(t-obj.__last_timer>20) { fnMove(); obj.__last_timer=t; } clearInterval(obj.timer); obj.timer=setInterval(fnMove, 20); function fnMove(){ if(x<50) { obj.__swing_v+=acc; } else { obj.__swing_v-=acc; } //if(Math.abs(obj.__flex_v)>MAX_SPEED)obj.__flex_v=obj.__flex_v>0?MAX_SPEED:-MAX_SPEED; x+=obj.__swing_v; //alert(x+','+obj.__swing_v); for(var i in cur) { now[i]=(target[i]-cur[i])*x/100+cur[i]; } if(fnDo)fnDo.call(obj, now); if(/*Math.abs(obj.__swing_v)<1 || */Math.abs(100-x)<1) { clearInterval(obj.timer); if(fnEnd)fnEnd.call(obj, target); obj.__swing_v=0; } } }; //弹性运动 zns.site.fx.flex=function (obj, cur, target, fnDo, fnEnd, fs, ms) { if(zns.site.fx.browser_test.IE6) { fnDo&&fnDo.call(obj, target); fnEnd&&fnEnd.call(obj, target); return; } var MAX_SPEED=16; if(!fs)fs=6; if(!ms)ms=0.75; var now={}; var x=0; //0-100 if(!obj.__flex_v)obj.__flex_v=0; if(!obj.__last_timer)obj.__last_timer=0; var t=new Date().getTime(); if(t-obj.__last_timer>20) { fnMove(); obj.__last_timer=t; } clearInterval(obj.timer); obj.timer=setInterval(fnMove, 20); function fnMove(){ obj.__flex_v+=(100-x)/fs; obj.__flex_v*=ms; if(Math.abs(obj.__flex_v)>MAX_SPEED)obj.__flex_v=obj.__flex_v>0?MAX_SPEED:-MAX_SPEED; x+=obj.__flex_v; for(var i in cur) { now[i]=(target[i]-cur[i])*x/100+cur[i]; } if(fnDo)fnDo.call(obj, now); if(Math.abs(obj.__flex_v)<1 && Math.abs(100-x)<1) { clearInterval(obj.timer); if(fnEnd)fnEnd.call(obj, target); obj.__flex_v=0; } } };
本文向大家介绍自己封装的javascript事件队列函数版,包括了自己封装的javascript事件队列函数版的使用技巧和注意事项,需要的朋友参考一下 背景 javascript中使用addEventListener()或attachEvent()绑定事件时会有几个小问题: 一、使用addEventListener()或attachEvent()添加的匿名函数无法移除。 二、ie6-ie8中,使用
看大家一直都在讲,vue3的compositionApi可以方便我们把业务逻辑抽离到外部组件中,保持组件内部逻辑清晰,但我一直不太明白大家讲的hooks具体是什么东西 我知道react官方有明确提供一些类似const [count,useCount] = useState('count')的hooks,但vue中大家封装的hooks格式都不一,只有名字前面带了use,这是一种约定俗成的规则吗?那它
本文向大家介绍使用匿名函数的JavaScript封装,包括了使用匿名函数的JavaScript封装的使用技巧和注意事项,需要的朋友参考一下 面向对象的编程语言允许使用私有字段隐藏数据。他们使用这些来隐藏类的内部。在JS中,没有这样的构建支持来隐藏/封装内部工作。 我们有Anonymous函数,可以为您封装JS。让我们看一个例子- 示例 如果我们将上面的代码公开地写出来,则此代码将使用这些名称污染全
本文向大家介绍封装属于自己的JS组件,包括了封装属于自己的JS组件的使用技巧和注意事项,需要的朋友参考一下 一、扩展已经存在的组件 1、需求背景 很多时候,我们使用jquery.ajax的方式向后台发送请求,型如 这种代码太常见了,这个时候我们有这样一个需求:在自己调用ajax请求的时候,我们不想每次都写error:function(e){}这种代码,但是我们又想让它每次都将ajax的
本文向大家介绍使用java数组 封装自己的数组操作示例,包括了使用java数组 封装自己的数组操作示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了使用java数组 封装自己的数组操作。分享给大家供大家参考,具体如下: 今天感冒了,全身酸软无力,啥样不想做,就来学习吧,此节我们从初步使用java中提供的数组,然后分析相关情况,过渡到封装我们自己的数组。 一.我们先来感受一下java提供的
这是我的actionCreator代码,crud所有的代码都一样,只需要改一个 “getMovies" 这个名字,所以我想要把这个函数封装一下,每次只需要传入一个函数名字就行了。求大佬给封装一下?? 感谢