随笔分类 - javascript
摘要：threejs editor源码解析1 今天先看看 这个功能的实现 这个实现就是用了 javascript signals 框架 异步通信 这么做就是为了解耦 渲染和逻辑 分离 这个跟vuejs一样 找到editor\js\commands\SetPositionCommand.js 这个文件 发布
阅读全文
摘要：function clearblankimg(imgData){ var img = new Image(); //创建图片对象 img.src = imgData; img.onload = function() { var c = document.createElement('canvas')
阅读全文
摘要：js提高首屏加载速度的方法 直接动态加载就行 不要用ansy defer什么的 都是堵塞主线程渲染的
阅读全文
摘要：javascript实现监听页面1分钟没操作的方法 1 记录最后以此操作的时间戳 a 2 定时器10秒钟监听以此 判断当前时间戳减去a 看看是不是超过1分钟
阅读全文
摘要：var tl = new TimelineLite(); tl.addLabel("blueGreenSpin1",1) tl.addLabel("blueGreenSpin2",2) tl.addLabel("blueGreenSpin3",3) tl.to($('.ddd1'), 3, {sca
阅读全文
摘要：javascript content-type详解 1 application/x-www-form-urlencoded 这个类型就是jquery ajax content-type 默认的设置 PHP POST可以接受 2 contentType : "application/json PHP接
阅读全文
摘要：javascript判断NaN的方法 其实判断不了 isNaN是判断是不是数字 NaN本身也是个数字 所以返回值可能NaN要注意
阅读全文
摘要：javascript判断是否支持WebAssembly function iswebasm(){ var useWasm = 0; var webAsmObj = window["WebAssembly"]; if (typeof webAsmObj "object") { if (typeof w
阅读全文
摘要：javascript 调用WebAssembly的方法 1 windows下安装emscripten # 1.克隆emsdk git clone https://github.com/juj/emsdk.git # 2.进入emsdk文件夹 cd emsdk # 3.更新emsdk 这里使用是git
阅读全文
摘要：1 参数一定要有 时间戳和随机数 (时间戳 是后台要判断时间是不是过去1分钟 随机数后台也要redis存起来 防止重复请求) 2 如果是PHP写的模版也 可以PHP生成的session 变量 作为参数 这个也可以判断下 3 然后 进行参数各种算法生成sign 不过你js暴露了 再怎么搞也没用 什么时
阅读全文
摘要：混rao加密 javascript的方法 npm install uglify-js -g uglifyjs copy.js -c -m -o min.js 就可以压缩了 降低了可读性 当然如果再eval加密会更好
阅读全文
摘要：javascript await正确写法 (支持微信小程序) ps 1 返回异步的前面都加个关键字 async 2 await必须卸载async里面 因为是异步里面的同步 async function doubleAfter2seconds(num) { return new Promise((re
阅读全文
摘要：javascript sort进行二维数组排序 var itemlist=[]; var item={}; item['id']="1"; item['phone']=1588288163; item['time']=32133; itemlist.push(item); var item={};
阅读全文
摘要：javascript二维数组操作 function deletearrayitem(itemlist,key,value) { var itemlistlen = itemlist.length; for (var i = 0; i < itemlistlen; i++) { if(itemlist
阅读全文
摘要：javascript删除数组中某个元素的方法 var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin"
阅读全文
摘要：threejs 简单的demo 因为CSS3 写3D 会存在各种兼容性问题 用pixijs又没可视化界面 所以用threejs写3D 最稳妥 <!DOCTYPE html> <html> <head> <title></title> <style> canvas { width: 100%; hei
阅读全文
摘要：javascript多边形碰撞检测 原理就是 循环每个顶点判断是不是在多边形内 const app = new PIXI.Application({ antialias: true }); document.body.appendChild(app.view); const graphics = n
阅读全文
摘要：javascript拖拽精灵放大缩小旋转的方法 玩过美图秀秀的人知道 可以添加挂件 能够放大缩小旋转 我画了个图 就明白原理了 2个小红点就是选中点拖动的起点和终点 放大到AB的长度 然后旋转C度就可以了 具体算法 1 获取中间精灵坐标 2 计算圆心到第二个红点的角度(直接设置这个角度就可以了) 可
阅读全文
摘要：javascript圆上每个点的坐标计算方法 x1 = x0 + r * Math.cos(angle * Math.PI / 180) y1 = y0 + r * Math.sin(angle * Math.PI/180) x0和y0是圆心坐标 以后求圆上的坐标都可以用这个公式
阅读全文
摘要：javascript算与X夹角的方法 注意他是按照逆时针计算的角度 注意是Y,X 参数 180/Math.PI*Math.atan2(1,1) 结果显然是45度 180/Math.PI*Math.atan2(1,-1) 显然是135度 有1个需要注意 范围是-180到180之间 一般计算计算夹角都会
阅读全文
浙公网安备 33010602011771号