gpt4 book ai didi

javascript - 清除 JavaScript 调用堆栈

转载 作者:行者123 更新时间:2023-11-27 22:51:46 26 4
gpt4 key购买 nike

由于不清楚发生了什么,我制作了一个视频:

https://vimeo.com/171929645

正如您所看到的,该工具在最后和之前崩溃,它只是滚动并显示每个触摸事件的触摸点(动画圆圈)。我只是想清除堆栈,这样就不会发生这种情况。

<小时/>

我正在为触摸屏计算机构建一个 JavaScript 工具,该工具非常慢。速度太慢了,以至于当您用手在短时间内(例如 1 秒)触发 100 多个触摸事件时,计算机开始依次执行每个触摸事件。

由于执行一个触摸事件已经花费了几百毫秒,因此该工具在大约一分钟内无法使用。

我已经编写了这个脚本来阻止大量触摸事件

'use strict';

var MultiTouch = Backbone.NativeView.extend({

el: document,

initialize: function () {

console.log('Init MultiTouch');

this.el.addEventListener('touchstart', function(e) {

this.touchstartHandler(e);

}.bind(this));

},

touchstartHandler: function (e) {

if (this.block) {

console.log("block");
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
return;

}

console.log("no block");
this.startTimer();

},

startTimer: function () {

this.block = true;

setTimeout(function () {

this.block = false;

}.bind(this), 300);

}

});

module.exports = MultiTouch;

这仍然没有阻止足够的事件,因为我的工具仍然很容易过载。

有没有办法清空整个调用堆栈,这样我的机器就不会连续执行 100 多个函数?

谢谢。

编辑

我稍微更新了我的脚本并添加了两个控制台日志。这是我将手放在触摸屏上得到的结果:

no block MultiTouch.js:31
17 block MultiTouch.js:23
no block MultiTouch.js:31
19 block MultiTouch.js:23
no block MultiTouch.js:31
12 block MultiTouch.js:23
no block MultiTouch.js:31
20 block MultiTouch.js:23
no block MultiTouch.js:31
7 block MultiTouch.js:23
no block MultiTouch.js:31
8 block MultiTouch.js:23
no block MultiTouch.js:31
6 block MultiTouch.js:23
no block MultiTouch.js:31
9 block MultiTouch.js:23
2 no block MultiTouch.js:31
9 block MultiTouch.js:23
no block MultiTouch.js:31
7 block MultiTouch.js:23
no block MultiTouch.js:31
5 block MultiTouch.js:23
no block MultiTouch.js:31
7 block MultiTouch.js:23
no block MultiTouch.js:31
6 block MultiTouch.js:23
no block MultiTouch.js:31
11 block MultiTouch.js:23
no block MultiTouch.js:31
3 block MultiTouch.js:23

因此,将一只手放在屏幕上会触发超过 170 个触摸事件。移动你的手将触发数千个触摸事件,这将使我的计算机彻底崩溃。如何防止这种情况发生?

编辑2

其中一个答案说“你可以忽略大多数事件。”。事实并非如此。当调用数千个事件时,我的计算机崩溃了,所以我不能“忽略”它们。

这个问题的全部目的是让我的计算机不崩溃。每个 touchstart 都有多个函数监听它,因此每个 touchstart 事件都会执行多个函数。

由于这些函数需要几百毫秒才能执行,因此该工具会持续执行函数几分钟,导致其无法使用。

问题是这台计算机太慢了,他只是“记住”所有已输入的触摸事件,即使您一分钟前执行了此操作并且它仍然忙于其他事情。因此,您只会看到该工具自行滚动,而没有人触摸屏幕。

如果仍然不清楚发生了什么,我会记录下来并将其放在网上。

最佳答案

您可以忽略大多数事件。将所有相关触摸事件聚合到一个数组中,然后调用 startHandler()。例如,您可能只需要第一个和最后一个事件,因此:

touchstartHandler: function (e) {

this.events.push(e)
this.startTimer();

},

由于您使用的是 Backbone,因此您可以尝试 _.debounce 或 _.throttle 来限制调用 startHandler()` 的次数。

startTimer: _.debounce(function () {
//do sth with this.events
console.log(this.events[0])
}, 50);

_.debounce() docs

关于javascript - 清除 JavaScript 调用堆栈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37990824/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com