随笔分类 - javascript
摘要:javascript 曲线流光动画 var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); var j = 0; draw(); function draw() { //先更新每个矩形坐标的数组 然后再去渲
阅读全文
摘要:javascript获取曲线路径每个像素的坐标 先用svg做个 物体验证路径动画 然后实时获取物体坐标存入数组就行了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>{$title}</title> <m
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> {$title} </title> <meta content="width=device-width, initial-scale=1, maximum
阅读全文
摘要:微信pc打开链接不运行javascript的解决方法 一般都是javasript语法错误 到时候你自己检查下js语法 获取用在线语法检测 就行
阅读全文
摘要:javascript IOS 微信jssdk {"errMsg":"config:fail"} 解决方案 如果安卓分享成功 这种情况就是参数类型问题 wx.config里面的参数 全部强制转化成字符串就好了
阅读全文
摘要:javascript 过滤中文汉字和 过滤中文汉字和中文符号的方法 过滤中文汉字 var hebingdatastr="无法为“ var reg = /[\u4e00-\u9fa5]/g; hebingdatastr = hebingdatastr.replace(reg, ""); 过滤汉字和中文
阅读全文
摘要:为了方便代码维护 所以统一给屏幕添加事件 判断点中哪个精灵需要 遍历每个精灵 判断是否与触摸 碰撞 碰撞就是触发哪个精灵处理 还有就是 单点触摸和多点触摸逻辑一定更要分离 就是1个手指第一次点击 算单点(2个手机送开1个手指就不能算进去 不然逻辑会乱) 所以这个地方要写判断是否全部松开的点击 为单点
阅读全文
摘要:javascript 实现双指放大缩小旋转图片 1 先记录 屏幕上 的手指数量 (记录方法 按下+1 松开-1) 2 记录每个手指的在屏幕上的坐标 每个手指的touchid不一样 用数组存就行 shouzhis[touchid]= x,y 3 如果屏幕上有2个手指 1 缩放按照2个手指的距离来计算
阅读全文
摘要:javascript setinterval的缺陷 1会泄露 2 会阻塞线程 用setTimeout代替 //实现的方法挺简单的 ,如下代码 //参数: 毫秒 需要执行的方法 function setInter(s,fn){ let timeOut = (s,fn)=>{ setTimeout(()
阅读全文
摘要:javascript 无缝滚动 https://www.tweenmax.com.cn/ModifiersPlugin/ 但使用ModifiersPlugin,你只需用staggerTo()即可获得一个无缝重复的旋转木马! 下面的示例将每个框补间到相对x位置"+=500"。单击“Show overf
阅读全文
摘要:javascript计算两点之间的夹角算法 先来个简单的例子 计算 1,1 和0.0的夹角 这个角度肯定是45度 想想都知道 那怎么计算呢?? 我直接贴代码 var x=0;var y=0;var x1=1;var y1=1;Math.atan2((y1-y0),x1-x0)/0.017453292
阅读全文
摘要:1 来个简单的例子 var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('2秒后执行完成Promise'); }, 2000); }); var p = new Pro
阅读全文
摘要:javascript 代替jqueryeach写法 // 通过字面量方式实现的函数each var each = function(object, callback){ var type = (function(){ switch (object.constructor){ case Object:
阅读全文
摘要:javascript地址引用 var a = new Object(); a.price = 173; var b = a; b.price = 170; //b更改了属性值,a的属性值一起会被改变 alert(a.price); //输出170 var a =3 var b = a; b=4; a
阅读全文
摘要:javascript判断mp3是否播放完 var audio=document.getElementById('audio'); if(audio){ audio.loop = false; audio.addEventListener('ended', function () { //在这个方法里
阅读全文
摘要:javascript json写法 var shuxing = {name:"super",sex:"19",work:"IT"}; 这个key不加引号和加引号都可以 主意 key和value不要用单引号
阅读全文
摘要:javascript播放图片序列帧1 先预加载<pre>var load_img = [];for(k=0;k<=16;k++){load_img.push( '/cjsxy/images/chuanyue/'+k+'.jpg' );} //资源图片加载jQuery.imgpreload(lo
阅读全文
摘要:javascript判断字符串变量是否为空的方法代码如下<pre> if (typeof(ndesc)=="undefined" || ndesc=='' || ndesc==null) { ndesc="1111!"; }</pre> ps:ndesc 变量没有初始化 typeof(ndesc)
阅读全文
摘要:javascript碰撞检测的方法需要把要检测碰撞的精灵都放到数组里array push 然后循环遍历数组里的精灵检测碰撞 ps:不放到数组里没办法循环遍历检测每个精灵核心代码如下 <pre>//0.1秒刷新检测碰撞 update: function (dt) { //循环遍历每个精灵 for (x
阅读全文
摘要:javascript获取时间戳的方法<pre> START = new Date().getTime();</pre>这个是毫秒 除以1000就是秒啦
阅读全文