当前位置: 首页 > 知识库问答 >
问题:

react.js - React 或者 Js 怎么测试渲染性能 ?

司空实
2023-05-26
  • 新手上路,我在本地写 React 然后渲染了 1000 个组件,请问我要怎么去测试或者知道全部渲染结束花了多久时间以及渲染瓶颈在哪呢?

image.png

共有1个答案

魏楷
2023-05-26

1.浏览器性能分析工具:
企业微信截图_16850686707955.png
2.用React DevTools 浏览器插件
3.用performance.now() ,可以获取开始和结束的时候调用这个,获取时间差

 类似资料:
  • 本文向大家介绍react怎么提高列表渲染的性能?相关面试题,主要包含被问及react怎么提高列表渲染的性能?时的应答技巧和注意事项,需要的朋友参考一下 使用webpack 做代码分割。 使用hooks。

  • 问题内容: 我在渲染中添加了一个条件,突然它停止显示。这是我正在使用的代码。 我只想显示sdata中的4个项目。有人请帮忙。 问题答案: 您忘记了body中的元素,以及 i > = 5*之后的所有条目所需的元素。 * 这样写: 但我建议您使用而不是仅创建5个元素。 如果要使用,则首先使用 slice 并创建5个元素的子元素,然后在其上使用。 像这样:

  • 我有一个问题,我正在尝试将值设置为一个状态(选定的Pathway),关于通过 redux 设置的另一个常量(国家标签)。 设置“selectedPatway”后,我想在<code>中显示结果 一切都很好,但是当我刷新页面时,我在浏览器中得到一个“渲染的钩子比之前渲染的钩子多”。这是代码: 我浏览了整个互联网,我认为我已经正确地应用了所有东西(显然不是因为它不工作…)。 不有条件地调用钩子 在顶层使

  • 本文向大家介绍react中怎样阻止组件渲染?相关面试题,主要包含被问及react中怎样阻止组件渲染?时的应答技巧和注意事项,需要的朋友参考一下 在极少数情况下,你可能希望能隐藏组件,即使它已经被其他组件渲染。若要完成此操作,你可以让  方法直接返回 ,而不进行任何渲染。

  • 问题内容: 我有一个这样的物体 我的密码 我在遍历对象时遇到麻烦。 获得的错误是这样的 我如何循环通过该对象,以便获得所获得的结果 提前致谢。任何帮助表示赞赏 问题答案: 您正在渲染数组,但是只能从react组件返回一个块,将map函数包装在div中

  • 主要内容:React 实例,元素变量,React 实例,与运算符 &&,React 实例,三目运算符,阻止组件渲染,React 实例在 React 中,你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。 React 中的条件渲染和 JavaScript 中的一致,使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素,然后让 React 根据它们来更新 UI。 先来看两个组件: 我们将创建一个 Greeting 组件,它会根据用户