jjzjj

javascript - 由于主线程正忙， 'wheel' 输入事件的处理延迟了 xxx 毫秒

coder 2024-07-25 原文

我使用的是 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/

主线毫秒codematerial-uireactjavascriptgoogle-chromereactjsbrowser

有关javascript - 由于主线程正忙， 'wheel' 输入事件的处理延迟了 xxx 毫秒的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  4. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  5. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  6. ruby - 在 jRuby 中使用 'fork' 生成进程的替代方案？ - 2

    在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',

  7. ruby - 主要 :Object when running build from sublime 的未定义方法 `require_relative' - 2

    我已经从我的命令行中获得了一切，所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时，我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗？我正在使用OSX并安装了rvm。 最佳答案 或者，您可以只使用“require”，它应该可以正常工作。我认为“require_relative”仅适用于ruby​​1.9+ 关于ruby-主要:Objectwhenrun

  8. ruby - 无法让 RSpec 工作—— 'require' : cannot load such file - 2

    我花了三天的时间用头撞墙，试图弄清楚为什么简单的“rake”不能通过我的规范文件。如果您遇到这种情况:任何文件夹路径中都不要有空格!。严重地。事实上，从现在开始，您命名的任何内容都没有空格。这是我的控制台输出:(在/Users/*****/Desktop/LearningRuby/learn_ruby)$rake/Users/*******/Desktop/LearningRuby/learn_ruby/00_hello/hello_spec.rb:116:in`require':cannotloadsuchfile--hello(LoadError) 最佳

  9. ruby-on-rails - 新 Rails 项目 : 'bundle install' can't install rails in gemfile - 2

    我已经像这样安装了一个新的Rails项目:$railsnewsite它执行并到达:bundleinstall但是当它似乎尝试安装依赖项时我得到了这个错误Gem::Ext::BuildError:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcheckingforlibkern/OSAtomic.h...yescreatingMakefilemake"DESTDIR="cleanmake"DESTDIR="

  10. ruby-on-rails - rspec should have_select ('cars' , :options => ['volvo' , 'saab' ] 不工作 - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion在首页我有:汽车:VolvoSaabMercedesAudistatic_pages_spec.rb中的测试代码:it"shouldhavetherightselect"dovisithome_pathit{shouldhave_select('cars',:options=>['volvo','saab','mercedes','audi'])}end响应是rspec./spec/request

随机推荐