首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在redux-observable中,如何在运行完成时测量epics持续时间?

在redux-observable中,可以使用rxjs的操作符来测量epics的持续时间。具体步骤如下:

  1. 首先,引入rxjs的timertap操作符:
代码语言:javascript
复制
import { timer } from 'rxjs';
import { tap } from 'rxjs/operators';
  1. 在epic函数中,使用timer操作符创建一个计时器Observable,并在epic完成时触发:
代码语言:javascript
复制
import { ofType } from 'redux-observable';
import { timer } from 'rxjs';
import { tap } from 'rxjs/operators';

const myEpic = (action$, state$) =>
  action$.pipe(
    ofType('MY_ACTION'),
    tap(() => {
      // 开始计时
      const startTime = Date.now();

      // 在epic完成时触发
      timer(0).pipe(
        tap(() => {
          // 计算持续时间
          const duration = Date.now() - startTime;
          console.log(`Epic持续时间:${duration}ms`);
        })
      ).subscribe();
    }),
    // 其他操作
  );

在上述代码中,我们使用ofType操作符来过滤出特定的action,然后使用tap操作符在epic开始时记录开始时间,并在epic完成时计算持续时间并输出。

  1. 在应用中使用该epic:
代码语言:javascript
复制
import { createEpicMiddleware } from 'redux-observable';
import { createStore, applyMiddleware } from 'redux';

const epicMiddleware = createEpicMiddleware();

const store = createStore(
  rootReducer,
  applyMiddleware(epicMiddleware)
);

epicMiddleware.run(myEpic);

通过以上步骤,我们可以在redux-observable中测量epics的持续时间。请注意,这只是一种简单的测量方法,实际情况可能会因应用的复杂性而有所不同。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

一套Dockerfile完成编译和运行环境部署

安装操作系统 安装运行时依赖 复制编译结果和依赖 暴露端口(非必须) 重整目录 运行时命令 打包命令和运行命令 效果 参考资料 对于像C、C++这类编译型语言,编译器会直接将代码编译成二进制,然后操作系统上执行...方法 我们可以一套Dockerfile,将编译环境的产出放置到运行环境,并且抛弃编译环境,只留下运行环境的镜像。...在运行环境的Dockerfile我们需要借此标识引用编译环境,来导出二进制编译结果等在运行环境需要数据。...FROM ubuntu:22.04 as builder 安装编译依赖 安装好系统后,我们更新系统包装管理软件(apt),以及安装编译代码需要用的软件以及依赖(这一步,不同软件会需要不同的依赖)。...WORKDIR /source/CppServer RUN zip -r www.zip www/ 运行环境 运行环境的命令和编译环境的命令是一个Dockerfile的。

11300

如何使用 TSX Node.js 本地运行 TypeScript

但我们可以Node.js中直接运行TypeScript文件而无需任何编译步骤,这称为加载器(Loaders)。...最有趣的部分是,TSX被开发为Node的完整替代品,因此您实际上可以将TSX用作TypeScript REPL,只需使用npm i -g tsx全局安装它,终端运行tsx,然后就可以原生地编写TSX...但更酷的是,您可以在运行文件使用--loader tsx为所有TypeScript文件加载TSX。...TSX作为加载器通过加载器运行一个文件(或所有文件)很简单,只需package.json创建一个启动脚本,并使用以下内容:"scripts": { "start": "node --loader...扩展功能自Node 20.6版本以来,我们可以直接加载.env文件存在的环境配置文件。但如何同时使用加载器和配置文件呢?

1.3K10

调试 RxJS 第2部分: 日志篇

本文中,我将展示如何以一种不唐突的方式来使用 rxjs-spy 获取详情和有针对性的信息。 来看一个简单示例,示例中使用的是 rxjs 和 rxjs-spy 的 UMD bundles: ?...当编写 redux-observableepics 或 ngrx 的 effects ,我见过一些开发者的代码大概是这样的: ? 乍看上去没什么问题,而且大多数情况下也能正常运行。...这种 bug 还是单元测试里发现不了的。 问题就是有时候 epic 就会停止运行。再具体一点就是当 dispatch 了报错的 action 后它会停止运行。 日志显示了具体发生了什么: ?...发出报错的 action 后, observable 便完成了,因为 redux-observable 的基础设施取消了 epic 的订阅。... epic ,catch 返回的 observable 完成了,epic 也就完成了。 解决方法是将 map 和 catch 的调用移到 switchMap 里面,就像这样: ?

1.2K40

视频平台EasyNVRwin10系统运行报错,如何处理?

为了测试TSINGSEE青犀视频云边端平台不同版本系统的兼容性和稳定性,我们经常会拿不同程序不同系统版本当中做实验,发现部分 Windows10 操作系统运行 EasyNVR ,会出现 “An...Hyper-V 是虚拟机软件,会占用对应的范围端口,在运行虚拟机的时候才会真正占用对应的端口,因此查询不到对应的端口占用,修改 Hyper-V 的绑定端口可以解决该问题。...首先在Windows管理程序,将Hyper-V取消, 取消完毕后,重启操作系统,以管理员身份运行控制台,输入以下程序,修改对应的动态绑定端口。...start=49152 num=16383 netsh int ipv4 set dynamicport udp start=49152 num=16383 设置完毕后,重启启用 Hyper-V 功能,重新运行

50020

如何解决DLL的入口函数创建或结束线程卡死

先看一下使用Delphi开发DLL如何使用MAIN函数, 通常情况下并不会使用到DLL的MAIN函数,因为delphi的框架已经把Main函数隐藏起来 而工程函数的 begin end 默认就是MAIN...以上都是题外话,本文主要说明DLL入口函数里面创建和退出线程为什么卡死和如何解决的问题。...1) DLL_PROCESS_ATTACH 事件 创建线程 出现卡死的问题 通常情况下在这事件仅仅是创建并唤醒线程,是不会卡死的,但如果同时有等待线程正式执行的代码,则会卡死,因为该事件...实际上如果是通过LoadLibrary加载DLL,则会在LoadLibrary结束前后的某一刻正式执行)。...解决办法同样是避免 DLL_PROCESS_DETACH事件结束线程,那么我们可以该事件,创建并唤醒另外一个线程,该新的线程里,结束需要结束的线程,并在完成后结束自身即可。

3.7K10

Linux+Windows: 程序崩溃 C++ 代码如何获取函数调用栈信息

一、前言 二、Linux 平台 三、Windwos 平台 一、前言 程序执行过程 crash 是非常严重的问题,一般都应该在测试阶段排除掉这些问题,但是总会有漏网之鱼被带到 release 阶段。...因此,程序的日志系统需要侦测这种情况,代码崩溃的时候获取函数调用栈信息,为 debug 提供有效的信息。...这篇文章的理论知识很少,直接分享 2 段代码: Linux 和 Windows 这 2 个平台上,如何用 C++ 来捕获函数调用栈里的信息。 二、Linux 平台 1....free(symbols); oss << std::endl; std::cout << oss.str(); // 打印函数调用栈信息 } 三、Windwos 平台 ...利用以上几个神器,基本上可以获取到程序崩溃的函数调用栈信息,定位问题,有如神助! ----

5.5K20

如何验证Rust的字符串变量超出作用域自动释放内存?

讲动人的故事,写懂人的代码公司内部的Rust培训课上,讲师贾克强比较了 Rust、Java 和 C++ 三种编程语言变量越过作用域自动释放堆内存的不同特性。...席双嘉提出问题:“我对Rust的字符串变量超出作用域自动释放内存的机制非常感兴趣。但如何能够通过代码实例来验证这一点呢?”贾克强说这是一个好问题,可以作为今天的作业。...他请对这个问题感兴趣的同学,课下找AI编程助手小艾来完成这个作业。赵可菲对这个问题颇感兴趣。小艾的帮助下,她迅速完成了代码编写并且成功运行。...为了让Rust新手能够理解,她请小艾代码的每一行关键语句前加上了注释。此外,她还在main函数后添加了这个程序的运行结果输出,如代码清单1-1所示。...,通过使用 jemallocator 库的 Jemalloc 内存分配器,以及一个自定义的结构体 LargeStringOwner,验证了 Rust 当字符串变量超出范围,drop 函数会被自动调用并释放堆内存

21321

视频平台EasyNVRwin10系统运行报错“An attempt was made to access a socket in a way”如何处理?

为了测试TSINGSEE青犀视频云边端平台不同版本系统的兼容性和稳定性,我们经常会拿不同程序不同系统版本当中做实验,发现部分 Windows10 操作系统运行 EasyNVR ,会出现 “An...Hyper-V 是虚拟机软件,会占用对应的范围端口,在运行虚拟机的时候才会真正占用对应的端口,因此查询不到对应的端口占用,修改 Hyper-V 的绑定端口可以解决该问题。...首先在Windows管理程序,将Hyper-V取消: ? 取消完毕后,重启操作系统,以管理员身份运行控制台,输入以下程序,修改对应的动态绑定端口。...start=49152 num=16383 netsh int ipv4 set dynamicport udp start=49152 num=16383 设置完毕后,重启启用 Hyper-V 功能,重新运行

49130
领券