javascript - 如何将 requestAnimationFrame 与 Motorcycle 和 mostjs 一起使用

Question

我正在使用 Motorcycle 创建一个小型应用程序。我需要在每个 requestAnimationFrame 上调用一个函数。由于它是副作用，我知道它必须在“有效”组件中完成。但是，大多数js不提供来源，例如它提供了periodic()和now()来制作requestAnimationFrame流。我如何在我的应用程序中实现这样的功能？

Answer 1

可以在您的应用程序中使用诸如 most-request-animation-frame 之类的库来执行此操作这是@most/core ready，因此 100% 准备好与 Motorcycle 一起使用。它提供了一个函数 requestAnimationFrames(): Stream<Time>这将返回一个流，该流发出使用 requestAnimationFrame 递归安排的当前时间.

仅供引用，“当前时间”是使用 Scheduler 确定的流的运行时间不是可能在回调中接收到 requestAnimationFrame((timestamp) => { ... }) 的时间.这样，时间作为依赖项注入(inject)并且是单调的。