资讯专栏INFORMATION COLUMN

angualr2 遇到的warn和error报错

shiguibiao / 2305人阅读

摘要:这是因为版本以后,增加了新的事件捕获机制使用是通过参数来告诉是否是被动监听,当属性的值为的时候,代表该监听器内部不会调用函数来阻止默认滑动行为,如给监听事件添加关闭的办法在入口文件中加入

[Violation] Added non-passive event listener to a scroll-blocking "mousewheel" event. Consider marking event handler as "passive" to make the page more responsive.

这是因为Chrome51版本以后,Chrome增加了新的事件捕获机制-Passive Event Listeners
使用addEventListener是通过passive参数来告诉chrome是否是被动监听,当属性passive的值为true的时候,代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为,如:

    // 给监听事件添加{passive: true}
    document.addEventListener("mousewheel", fn, {passive: true})
    
    // 关闭warn的办法
    npm i default-passive-events -s
    // 在入口文件中加入
    import "default-passive-events";

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109987.html

相关文章

  • 为eject后create-react-app配置ESLint

    摘要:一开始我以为是的问题,然后重新手写了一些配置依然会报错,证明不是的问题。规则真的很严格。配置问题按照的文档默认是,按照说明应该是不会阻止。 问题 项目一开始使用的是create-react-app创建的,配置的ESLint是用的AlloyTeam的eslint-config-alloy/react, 默认配置已经很合理了,并且每条配置都有相应的说明,只需要再根据个人喜好修改一些rule...

    Dean 评论0 收藏0
  • php error_reporting()关闭报错

    摘要:至,有同样的行为。表示关闭所有错误报告表示显示二函数说明设置应该报告何种错误说明函数能够在运行时设置指令。后果是导致脚本终止不再继续运行。初始化启动过程中发生的警告非致命错误。用户产少的警告信息。出外的所有错误和警告信息。 错误报告级别:指定了在什么情况下,脚本代码中的错误(这里的错误是广义的错误,包括E_NOTICE注意、E_WARNING警告、E_ERROR致命错误等)会以错误报告...

    noONE 评论0 收藏0
  • web前端开发中遇到问题整理(一)

    摘要:完成已完成安装,重新启动编译。可以打开微信开发者工具,新建项目,项目目录就是文件夹。记录开发过程中遇到的问题及解决方案,如有不全或者错误欢迎留言更正持续整理更新正 记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案,如有不全或者错误欢迎留言更正 1. 如何设置输入框 input 中 placeholder的字体颜色、字号 input::-we...

    airborne007 评论0 收藏0
  • web前端开发中遇到问题整理(一)

    摘要:完成已完成安装,重新启动编译。可以打开微信开发者工具,新建项目,项目目录就是文件夹。记录开发过程中遇到的问题及解决方案,如有不全或者错误欢迎留言更正持续整理更新正 记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案,如有不全或者错误欢迎留言更正 1. 如何设置输入框 input 中 placeholder的字体颜色、字号 input::-we...

    zxhaaa 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<