requestanimationframe 相关问题

对于在循环中运行的动画或应用程序,HTML5 window.requestAnimationFrame API是setTimeout的替代方法。

调用 requestAnimationFrame 时进行更改检测的用例

在 Angular 应用程序中,我遇到了一个大量使用 requestAnimationFrame 的第三方库的问题,这反过来会触发大量的更改检测周期。 虽然这并不一定会导致

回答 1 投票 0

限制Three.js中的帧速率以提高性能,requestAnimationFrame?

我在想,对于我做的某些项目来说,60fps 并不是完全需要的。我想如果我能让它以 30 fps 的帧速率平稳运行,我就可以拥有更多以 30 fps 运行的对象和事物。我想...

回答 7 投票 0

取消停止使用 requestAnimationFrame() 制作的动画

我正在反应中制作计时器进度条动画。我使用 requestAnimationFrame() 来执行此操作。我遇到的问题是,尽管设置了 ...

回答 1 投票 0

如何通过异步回调实现requestAnimationFrame循环?

我发现几个问题与我正在寻找的内容非常接近,但要么我理解不够,要么问题/答案并不完全适用于我正在寻找的内容: 使用方法

回答 1 投票 0

为什么长帧间隔与长任务不一样?

在浏览器 API 中,我们有一种方法通过递归调用 requestAnimationFrame 来测量两帧之间的距离。但是,如果我们开始收集页面之前的所有 requestAnimationFrame 调用

回答 1 投票 0

requestAnimationFrame 在 iOS 中没有被触发

我有一个应用程序,它使用 webview 以及在其中运行的一些 javascript 代码。 在那里,我在执行一些逻辑时使用 requestAnimationFrame 。 该应用程序已运行

回答 1 投票 0

如何使用 pidgeon-maps 在 Reactjs 中对地图上的点之间的线进行动画处理?

在我的reactjs应用程序中,我使用一个名为pidegon-maps的轻量级地图库来显示船只位置。在不尝试使用更大的图书馆(传单,谷歌地图反应)的情况下,我正在尝试......

回答 1 投票 0

为什么使用setTimeout计算fps不准确?

我的想法 递归调用setTimeout(1000 / 60),每次调用fps加一 每当通话时间超过1s时,记录fps 当页面不可见时清除计时器,并加注星标...

回答 1 投票 0

动画帧中 CSS 变量更新的性能问题

我目前正在开发一个 Web 应用程序,我需要平滑地更新元素的位置,最好利用 requestAnimationFrame 来实现流畅的动画。然而,我遇到了标志...

回答 1 投票 0

requestAnimationFrame 进入无限循环

我正在根据 codepen.io 上的这个示例对画布进行简单的缩放和平移: codepen.io 示例 所需的内容已正确绘制,但是当我添加 requestAnimationFrame 时,它会进入无限

回答 1 投票 0

requestAnimationFrame 行为怪异,图像在屏幕外移动时

我有一张滑动图片沿着屏幕缓慢移动。一旦它们离开屏幕,它们就会背靠背靠在丝带上。因此,当您在网页上时一切正常,但当您离开时...

回答 1 投票 0

requestAnimationFrame 会干扰 CSS 转换吗?

requestAnimationFrame 是否有可能阻止其他 CSS 转换工作? 我有一个 requestAnimationFrame 函数,它将移动 div 容器的位置。更新不...

回答 1 投票 0

JavaScript:如何更新嵌套 for 循环内的进度条?

我有一些嵌套的 for 循环需要几秒钟才能运行,所以我想显示一个进度条。问题是这不是一个本质上的异步过程,它是一个具有 3 个嵌套的代码块......

回答 1 投票 0

还有比setTimeout和requestAnimationFrame更快的吗?

(我需要浏览器上的 process.nextTick 等效项。) 我试图充分利用 javascript 性能,所以我做了一个简单的计数器...... 一秒钟后,我连续调用一个函数,该函数...

回答 3 投票 0

哪个队列与 requestAnimationFrame 关联?

今天面试时被问到这个问题。我无法回答这个问题,面试官说有一个特殊的队列用于 requestAnimationFrame 回调。但我找不到任何信息...

回答 3 投票 0

使用 requestAnimationFrame 制作的计时器上的错误

我为纸牌游戏制作了一个计时器,到目前为止一切正常。但我想在有获胜者时停止计时器并顺便停止计时器动画。所以基本上与以下...

回答 1 投票 0

使用 requestAnimatiomFrame 制作的计时器上的错误

我为纸牌游戏制作了一个计时器,到目前为止一切正常。但我想在有获胜者时停止计时器并顺便停止计时器动画。所以基本上与以下...

回答 1 投票 0

如何使用 requestAnimationFrame 暂停和取消暂停

所以,我在弄清楚如何暂停和(最重要的是)取消暂停我的模拟时遇到了问题。当我按下播放按钮时,我会调用一个名为 animate() 的函数。我只调用过一次,所以很自然地在里面

回答 2 投票 0

代码如何检测是否在动画帧内运行?

如果某个函数被传递到 requestAnimationFrame() 中,该函数如何检测到它正在动画帧内被调用? FE 函数 someFunction() { if (/* 这里放什么? */...

回答 4 投票 0

Javascript - 动画循环和帧率

我关注了一篇关于在动画循环中充分利用增量时间的文章。 这是我读过的处理循环渲染和更新的最先进的方法。 https://isaacsukin.com/news/2015/01/

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.