- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
更新:从第一篇文章开始,我已经缩小了问题的范围。请查看最新更新。问题似乎与操作有效负载的大小或复杂性有关,而不是因为该操作是在异步调用之后调用的。
我正在开发一个 React/Redux 应用程序,并且在使用 Redux 开发工具 Chrome 扩展中的时间旅行功能时遇到问题。
当我在 slider 监视器中重播应用程序时,对 webapi 操作的第一个异步调用不会重播。除第一个之外的所有同步操作和异步网络调用都可以正常工作。它只是第一个不渲染的。我尝试过仅使用 redux-thunk 进行异步,但也尝试过使用 redux-saga (当前配置)。我在 webpack-dev-server 中运行应用程序
应用程序本身是工作函数(所有代码都在 typescript 中)
我尝试了各种配置更改,但似乎没有任何效果。任何想法将不胜感激。
这是我的configureStore 文件
function configureStore() {
const sagaMiddleware = createSagaMiddleware()
const store = createStore(rootreducer, compose(
applyMiddleware(invariant(), sagaMiddleware, thunk),
window.devToolsExtension ? window.devToolsExtension() : (f:any) => f
));
if (window.devToolsExtension) window.devToolsExtension.updateStore(store);
sagaMiddleware.run(logsSaga)
return store;
}
export default configureStore;
我的传奇
function* fetchLogs(logSearchParams: any) {
try {
const data = yield call(getLogTableData,
logSearchParams.params);
yield put({type: "ReceiveLogs",
data, logSearchParams:logSearchParams.params});
} catch (e) {
yield put({type: "LogsError", message: e.message});
}
}
export function* logsSaga() {
yield* takeEvery("RequestLogs", fetchLogs);
}
和网络调用
return window.fetch('api/logs/gettable', {
method: 'post',
body: JSON.stringify(logSearchParams),
headers: headers
}).then(r => r.json());
感谢您的帮助
编辑:我正在使用 Redux-React 和 connect 装饰器将 Redux 与组件连接起来。该操作是从 actionCreator 调用的
export let searchClicked = () => {
return (dispatch, getState) => {
let params = getSearchParms(getState());
return dispatch({type:'RequestLogs', params});
}
};
使用 React-Redux mapDispatchToProps 连接到组件点击处理程序
例如,另外两个组件通过 mapStateToProps 接收状态
function mapStateToProps(state) {
return state.logs;
}
当我调试这个函数时,它应该被调用(并且之后会被调用),但它没有被调用
更新:我已将问题追溯到“ReceiveLogs”的 reducer ,该 reducer 由 Redux-Saga 调用。我有三个 reducer 用于此操作。如果我注释掉这一行
case "ReceiveLogs":
return {data:action.data.rows, selected:state.selected}
然后依赖于 reducer 来执行此操作的其他组件可以正常工作,并且开发工具重播可以按预期工作。有了这条线,它就失败了。问题似乎是“data:action.data.rows”。 rows 是一个数组,如果我将其更改为返回一个空数组,则重播有效。
我想今天我会放弃。
更新:看来问题可能与作为 ReceiveLogs 有效负载的一部分发送的数组的大小有关。如果我通过切片来限制数组的大小,例如
返回 {data:action.data.rows.slice(0, 3), selected:state.selected}
然后就可以了。如果我包含数组的第四个成员,它就不起作用。数组的第四个成员比其他成员大得多,因为它包含相当大(且深)的对象。
操作有效负载和 redux-dev-tools 是否有某种大小限制???我会继续玩。
最佳答案
查看 Redux Devtools Excessive use of memory and CPU故障排除:
That is happening due to serialization of some huge objects included in the state or action. The solution is to sanitize them.
关于javascript - Redux 开发工具不适用于大型操作负载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38572164/
在 Web 应用程序架构设计期间,我必须从概念上计算我的服务器之一可以服务多少个当前客户端。然后我可以预算它。 那么,有什么公式可以遵循吗?或者,你如何计算这个?或者,通常,一个 httpd/tomc
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是
我正在使用 Angular 5,我正在尝试在加载 div 的背景图像时获取加载图标。 如果它是一个普通的 img,我对此没有问题,但如果我尝试将它作为背景,它就不起作用。 这里是一些示例代码 app.
我们怎么知道我们的程序在 CPU 上有多少负载? 我尝试使用 htop 找到它。但是 htop 不会给 cpu 负载。它实际上给出了我程序的 cpu 利用率(使用 pid)。 我正在使用 C 编程,L
我们发现从Spark 1.3到当前的Spark 2.0.1以来,从Oracle数据库使用Spark的API加载数据一直很慢。典型的代码在Java中是这样的: Map options =
我有时会收到 mnesia overloaded主要使用时的错误消息 async_dirty查询和 ram_copies表。所以为了了解发生了什么,我想获得更多关于 mnesia 状态的信息,例如每秒
对于通常使用很少 CPU 的程序来说,内核 CPU 非常高。 Linux 机器在状态之间交替。大多数时候,程序使用低 CPU 正常执行。在 CPU“激增”期间,程序使用 100% 可用 CPU 使用高
我正在使用 Raspberry Pi 2 来路由 wifi-eth 连接。因此,从 eth 方面来看,我有一台可以使用 Pi wifi 连接到互联网的计算机。在 Raspberry 上我启动 htop
基本上我有一个网页,其中有一个 iframe 可以从不同的域加载另一个网页。它移动得很慢,我想证明整个页面很慢只是因为 iframe 内的页面。 有什么方法可以测量总页面负载以及总页面负载中有多少%来
我们有一个基于 Spring 的应用程序,它充当使用其他 Rest API 的编排层。我只想测试这个组件的性能,而不测试正在使用的下游 api。 我正在寻找有关如何完成此操作的任何架构建议? 当前的方
我正在学习 hibernate 。为了进行测试,我使用无效 key 调用了 session.load 。当我在调试器(JB Idea)中跨过该行后,没有任何反应 - 我预计会得到 ObjectNotF
我正在开发一个小型的待办事项 PHP 应用程序。我正在使用 jQuery 构建 HTML。其中一个是一个按钮,用于启动一个模式,允许用户编辑该项目。我很好奇加载数据时更好的方法是什么: 1) 在初始加
我尝试在 twitch 播放器中使用 angular 作为覆盖标记。 我将 ng-repear 与(键,值)结合使用。 //player is here 设置是一个全局对象。但是当我尝试加载页面
我即将了解 C 语言中的特定进程如何在特定时间范围内加载 CPU。该进程可能会在运行时切换处理器核心,因此我也需要处理这个问题。 CPU为ARM处理器。 我研究了从标准顶部获取负载的不同方法,perf
这个问题在这里已经有了答案: XMLHttpRequest Origin null is not allowed Access-Control-Allow-Origin for file:/// t
您好,我正在用 Java 开发负载平衡算法。在我的系统中将有一个主节点和 n 个从节点。主节点将接收查询分发给它的从节点。但是在将查询分发到其从节点之一之前,我想测量从节点中的当前负载,以检查特定从节
我正在渲染由大约 50 万个三角形组成的相当重的对象。我使用 opengl 显示列表,在渲染方法中只调用 glCallList。我认为一旦图形基元被编译成显示列表,cpu 的工作就完成了,它只是告诉
我正在尝试加密 Sipdroid,为此我必须在 RTP 数据包获得编码的音频负载后对其进行加密。我在 RTP 数据包类中使用这个函数: public byte[] getPayload() {
我正在尝试解析以下 JSON 负载: { "results":[ [ 298.648132, 280.68692, 356.54
在动画期间 cpu 负载非常高(高达 75%) 是否有优化代码以降低 CPU 负载的方法? 我的代码: ImageView myImageView = (ImageView)findViewById(
我是一名优秀的程序员,十分优秀!