数码资讯
HTML5摇一卷代码优化包括DeviceMotionEvent等
devicemotionevent优化。除了无用的代码,DeviceMotionEven重新包装。此外,动画不能继续执行devicemotionevent事件如果还没有完成,所以这也需要优化。 首先,DeviceMotionEvent优化。 删除无用代码和重新包装devicemotioneven 复
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
devicemotionevent优化。除了无用的代码,DeviceMotionEven重新包装。此外,动画不能继续执行devicemotionevent事件如果还没有完成,所以这也需要优化。
首先,DeviceMotionEvent优化。
删除无用代码和重新包装devicemotioneven
复制代码代码如下所示:
如果(窗口。devicemotionevent){
var速度= 25;定义一个数值
var x = y = z = lastx =法= lastz = 0; / /重置所有数值
Window.addEventListener('devicemotion,函数(){(){
VaR加速度= event.accelerationincludinggravity; / /传感值加速度
x =加速度;
Y Y =加速度;
z =加速度;
如果(Math.abs(x-lastx)速度Math.abs(y-lasty)| | > >速度){
可以实现数据逻辑操作后的抖动
东华();
}
lastx = x;
最后= Y;
lastz = Z;
},假);
}
因为实际项目中的许多需求没有得到很好的实现,
例如,在devicemotionevent事件无法进行,如果动画没有执行。
这样做进一步的优化。
复制代码代码如下所示:
var f=1;
函数东华(){
动画/事件
$(img)。动画({左:0,不透明度:1},700、函数(){ f = 1;});
});
如果(窗口。devicemotionevent){
var速度= 25;定义一个数值
var x = y = z = lastx =法= lastz = 0; / /重置所有数值
Window.addEventListener('devicemotion,函数(){(){
VaR加速度= event.accelerationincludinggravity; / /传感值加速度
x =加速度;
Y Y =加速度;
z =加速度;
如果(Math.abs(x-lastx)速度Math.abs(y-lasty)| | > >速度){
可以实现数据逻辑操作后的抖动
如果(f=1){
东华();
f=0;
}
}
lastx = x;
最后= Y;
lastz = Z;
},假);
}
现在完美了
首先,DeviceMotionEvent优化。
删除无用代码和重新包装devicemotioneven
复制代码代码如下所示:
如果(窗口。devicemotionevent){
var速度= 25;定义一个数值
var x = y = z = lastx =法= lastz = 0; / /重置所有数值
Window.addEventListener('devicemotion,函数(){(){
VaR加速度= event.accelerationincludinggravity; / /传感值加速度
x =加速度;
Y Y =加速度;
z =加速度;
如果(Math.abs(x-lastx)速度Math.abs(y-lasty)| | > >速度){
可以实现数据逻辑操作后的抖动
东华();
}
lastx = x;
最后= Y;
lastz = Z;
},假);
}
因为实际项目中的许多需求没有得到很好的实现,
例如,在devicemotionevent事件无法进行,如果动画没有执行。
这样做进一步的优化。
复制代码代码如下所示:
var f=1;
函数东华(){
动画/事件
$(img)。动画({左:0,不透明度:1},700、函数(){ f = 1;});
});
如果(窗口。devicemotionevent){
var速度= 25;定义一个数值
var x = y = z = lastx =法= lastz = 0; / /重置所有数值
Window.addEventListener('devicemotion,函数(){(){
VaR加速度= event.accelerationincludinggravity; / /传感值加速度
x =加速度;
Y Y =加速度;
z =加速度;
如果(Math.abs(x-lastx)速度Math.abs(y-lasty)| | > >速度){
可以实现数据逻辑操作后的抖动
如果(f=1){
东华();
f=0;
}
}
lastx = x;
最后= Y;
lastz = Z;
},假);
}
现在完美了
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。