个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
27
4
我使用的是 Chrome 版本:版本 55.0.2883.75 beta(64 位) 和 material-ui ( https://github.com/callemall/material-ui ) 版本 0.16.5 与 react+react-dom version 15.4.1 并在我用鼠标滚轮向下滚动页面时注意到以下警告消息:
Handling of 'wheel' input event was delayed for xxx ms due to main thread being busy. Consider marking event handler as 'passive' to make the page more responsive.
这是来自 chrome 开发控制台的屏幕截图: 
最初，我认为是其他依赖项 react-waypoint 导致了这个问题，但经过一些调查，感谢 lencioni 在 https://github.com/brigade/react-waypoint/issues/143 中的跟进, 我意识到这可能是 react 与最新版本的 material-ui 结合使用造成的。
使用 material-ui 版本 0.16.5，wheel 事件监听器在 Chrome 的 Dev Tool Element 选项卡中变得可见，如下所示: 
具有 passive: false 属性，这可以解释为什么当您在主线程忙碌时滚动时控制台上会出现警告。
但是，通过阅读类似的帖子 Consider marking event handler as 'passive' to make the page more responsive ，我有点困惑，因为这表明我们可能必须等待您的 .js 库实现支持。在 github 上提出问题以建议此类改进之前，我的困惑点是，我们应该特别等待哪个 JS 库/依赖项？
在这种特殊情况下，它是 react(参见 discussion )吗？还是 material-ui？或者这个问题完全遗漏的其他东西？上面的截图表明 wheel 事件监听器是由 react-dom 的 ReactEventListener 添加的，然而，通过降级 material-ui 版本为 0.16.4，警告消失，因为没有 wheel 事件监听器。
所以我基本上处于浏览器、react 和第 3 方依赖项的十字路口，并试图了解导致此问题的变量以及我们作为消费者是否有任何问题这些库，可以解决这个问题吗？
如有任何建议或意见，我们将不胜感激!谢谢。
最佳答案
只是确认是 material-ui 导致了这个问题，因为我没有使用“react-waypoint”并且也在 MaterialUI v0.16.5 和 React 15.4.x 上体验过它。
更新:更新到 MaterialUI v0.16.6 后，一切似乎对我来说工作正常。
关于javascript - 由于主线程正忙， 'wheel' 输入事件的处理延迟了 xxx 毫秒，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41152327/
27
4
0
我有一个测试即将进行，我想澄清两个有关参数的问题。 在我的笔记中指出，将参数传递给函数的推荐方法是使用“按引用传递” const type& x; // for "in" parameters
当我通过 OMG 2.5(Beta)推广的 UML 规范阅读以下概念时: in: Indicates that Parameter values are passed in by the caller
我试图在用户按下 Enter 时触发一个函数。我将此输入设置为只读的原因是限制用户在填充值后修改输入中的值。 该值来自将在点击属性中触发的弹出窗口。问题是 keyup.enter 没有触发该输入。 代
我在jQuery中使用模式弹出窗口控件，该弹出窗口具有由jQuery Tokenize输入插件提供动力的输入文本。问题是，当我在模式弹出文本框中键入内容时， token 化插件的搜索结果显示为隐藏在弹
我有一个问题。当我选中复选框时，系统工作正常，总值发生变化，但一旦我修改文本输入，它就会变为 0。我需要将此文本框输入排除在更改值之外。 这是 html: $15000 $
我正在努力让它发挥作用，但还是有些不对劲。 我想用 CSS 设置提交按钮的样式以匹配我已有的按钮。 风格: input[type="button"], input[type="submit"], b
import java.util.*;; public class selection { Scanner in=new Scanner(System.in); private
这可能是一个非常菜鸟的问题。假设我有一个带宽限制为 100MB/s 的网卡，那么输入/输出带宽是否有可能达到该限制 同时 ?或者我会在任何时候遇到这个不等式:in bandwidth + out ba
看着这个问题，Fill immutable map with for loop upon creation ，我很好奇是什么this表示在 Map(1 -> this) . scala> Map(1
我有这样的东西 一个 乙 问？ 是或否 数字 数字或零 我想做的是: 如果 B1 = “Y”，则让用户在 B2 中输入一个数字。 如果 B1 = “N”，则将 B2 中的值更改为零，并且不允许用户在
我有一个包含许多列的表，我想添加 input标题单元格内的字段，但我希望输入适合根据正文内容的宽度。 这是没有 input 的样子领域: 这就是 input 的样子领域: 可以看出，像“index”和
关于为 FTP 客户端设置传出和传入文件夹，您遵循哪些最佳实践(如果有)？我们通常使用“outgoing”和“incoming”，但无论你如何表述方向，它都可以有两种解释方式，具体取决于名称相对于哪一
我正在尝试“求解”给定 d 的 Pell 方程:x^2 - d * y^2 = 1，或者至少我想得到最小的 x > 0 来求解方程。到目前为止，一切都很好。这是我的 Haskell 代码 minX :
我是VS Code的新手，可以使用Ctrl + Enter将代码运行到python交互式窗口中。我希望光标自动移动到下一行，因此我可以逐行浏览代码。 能做到吗？ 最佳答案 如this blog pos
我正在创建一个 bool 值矩阵/二维数组，并且我想为 dategrid 推断一种不仅仅是“ANY”的类型。 let yearRange = [2000,2001,2002,2003,2004]; l
我有两个排序的列表，例如 a = [1, 4, 7, 8] b = [1, 2, 3, 4, 5, 6] 我想知道a中的每个项目是否在b中。对于上面的示例，我想找到 a_in_b = [True, T
菜鸟警报 这很奇怪 - 当我编写以下代码时，尝试在 AngularJS 中创建自定义指令: myModule.directive('myTab', function(){ console.lo
已关闭。此问题需要 debugging details 。目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and the
假设我正在使用 gdscript 静态类型，并且对于一个函数参数，我事先不知道我会得到什么。这就是 python 中 typing.Any 的作用。如何使用 gdscript 做到这一点？ 似乎 Va
我使用 dropzone 上传多个图像，并且工作正常，直到我想为每个图像插入品牌和网址。 我遇到的唯一问题是，当我要从输入字段获取值时，我会从服务器获取来自字段(品牌、网址)的未定义值，但如果我使用静
我是一名优秀的程序员,十分优秀！