如何将 requestAnimationFrame 与 Motorcycle 和 mostjs 一起使用
How do I use requestAnimationFrame with Motorcycle and mostjs
我正在使用 Motorcycle 创建一个小应用程序。我需要在每个 requestAnimationFrame 上调用一个函数。由于它是副作用,我知道它必须在 "effectful" 组件中完成。但是,大多数js不提供来源,例如它提供periodic()
和now()
来制作requestAnimationFrame流。我如何在我的应用程序中实现这样的功能?
可以在您的应用程序中使用诸如 most-request-animation-frame 之类的库来执行此操作,该库已 @most/core 就绪,因此 100% 可以与 Motorcycle 一起使用。它提供了一个函数 requestAnimationFrames(): Stream<Time>
,它将 return 一个流,该流发出使用 requestAnimationFrame
递归调度的当前时间。
仅供参考,"current time" 是使用流 运行 的 Scheduler
和 不是 的时间来确定的一个人可能会收到 requestAnimationFrame((timestamp) => { ... })
的回调。这样,时间作为依赖项被注入并且是单调的。
我正在使用 Motorcycle 创建一个小应用程序。我需要在每个 requestAnimationFrame 上调用一个函数。由于它是副作用,我知道它必须在 "effectful" 组件中完成。但是,大多数js不提供来源,例如它提供periodic()
和now()
来制作requestAnimationFrame流。我如何在我的应用程序中实现这样的功能?
可以在您的应用程序中使用诸如 most-request-animation-frame 之类的库来执行此操作,该库已 @most/core 就绪,因此 100% 可以与 Motorcycle 一起使用。它提供了一个函数 requestAnimationFrames(): Stream<Time>
,它将 return 一个流,该流发出使用 requestAnimationFrame
递归调度的当前时间。
仅供参考,"current time" 是使用流 运行 的 Scheduler
和 不是 的时间来确定的一个人可能会收到 requestAnimationFrame((timestamp) => { ... })
的回调。这样,时间作为依赖项被注入并且是单调的。