#Javascript实用效果整理

javascript 过滤中文汉字和 过滤中文汉字和符号的方法

javascript过滤中文汉字和过滤中文汉字和中文符号的方法 过滤中文汉字 varhebingdatastr="无法为“varreg=/[u4e00-u9fa5]/g;hebingdatastr=hebingdatastr.replace(reg,"");  过滤汉...

javascript选中精灵旋转缩放 移动操作

为了方便代码维护所以统一给屏幕添加事件判断点中哪个精灵需要遍历每个精灵判断是否与触摸碰撞 碰撞就是触发哪个精灵处理还有就是单点触摸和多点触摸逻辑一定更要分离就是1个手指第一次点击算单点(2个手机送开1个手指就不能算进去不然逻辑会乱)所以这个地方要写判断是否全部松开的点击为单点  boolH...

javascript 实现双指放大缩小旋转图片

javascript实现双指放大缩小旋转图片1先记录屏幕上的手指数量(记录方法按下+1 松开-1)2记录每个手指的在屏幕上的坐标 每个手指的touchid不一样 用数组存就行shouzhis[touchid]=x,y 3如果屏幕上有2个手指 1缩放按照2个手指的距离来计...

javascript setinterval的缺陷

javascriptsetinterval的缺陷 1会泄露2会阻塞线程用setTimeout代替  //实现的方法挺简单的,如下代码//参数:毫秒需要执行的方法functionsetInter(s,fn){lettimeOut=(s,fn)=>{setTimeout(()=>{...
代码星球 ·2020-05-23

javascript 无缝滚动

javascript无缝滚动https://www.tweenmax.com.cn/ModifiersPlugin/ 但使用ModifiersPlugin,你只需用staggerTo()即可获得一个无缝重复的旋转木马!下面的示例将每个框补间到相对x位置"+=500"。单击“Showoverflow...
代码星球 ·2020-05-23

javascript计算两点之间的夹角算法

javascript计算两点之间的夹角算法先来个简单的例子计算1,1和0.0的夹角 这个角度肯定是45度想想都知道那怎么计算呢??我直接贴代码varx=0;vary=0;varx1=1;vary1=1;Math.atan2((y1-y0),x1-x0)/0.017453292;  atan返回的是弧度需要除以...

javascript es6 Promise 异步同步的写法(史上最简单的教程了)

1来个简单的例子varp=newPromise(function(resolve,reject){//做一些异步操作setTimeout(function(){console.log('2秒后执行完成Promise');},2000);});varp=newPromise(function(resolve,reject...

javascript 代替jqueryeach写法

javascript代替jqueryeach写法//通过字面量方式实现的函数eachvareach=function(object,callback){vartype=(function(){switch(object.constructor){caseObject:return'Object';break;caseA...

javascript地址引用

javascript地址引用vara=newObject();a.price=173;varb=a;b.price=170;//b更改了属性值,a的属性值一起会被改变alert(a.price);//输出170vara=3varb=a;b=4;alert(a);//输出170可以看出object是引用学过c++的人知道...
代码星球 ·2020-05-23

pixijs shader 实现图片波浪效果

constapp=newPIXI.Application({transparent:true});document.body.appendChild(app.view);//Createbackgroundimageconstbackground=PIXI.Sprite.from('/moban/bg_grass.jp...

pixijs shader fade 从左到有右淡入 从下到上淡入效果

pixijsshaderfade从左到有右淡入   从下到上淡入效果constapp=newPIXI.Application({transparent:true});document.body.appendChild(app.view);//Createbackgroundimagecon...

pixijs shader贴图扫光效果

pixijsshader贴图扫光效果 直接贴代码constapp=newPIXI.Application({transparent:true});document.body.appendChild(app.view);//Createbackgroundimageconstbackground=PIXI.Sp...

pixijs shader 制作百叶窗效果

pixijsshader制作百叶窗效果直接贴代码了constapp=newPIXI.Application({transparent:true});document.body.appendChild(app.view);//Createbackgroundimageconstbackground=PIXI.Sprite...

pixijs shader 贴图溶解效果教程

 pixijsshader贴图溶解效果教程 我直接贴代码了没什么好讲解了稍微有点基础的人应该能看懂constapp=newPIXI.Application({transparent:true});document.body.appendChild(app.view);//Createbackgrou...

javascript判断mp3是否播放完

javascript判断mp3是否播放完varaudio=document.getElementById('audio');if(audio){audio.loop=false;audio.addEventListener('ended',function(){//在这个方法里写相应的逻辑就可以了},false);} ...
首页上一页...107108109110111...下一页尾页