在addEventListener绑定事件的方式中,可以传入三个配置对象

设置事件侦听器的 passive 属性

可以通过在事件侦听器的第三个参数中添加 passive: true 来解决它。

例如:

element.addEventListener('scroll', onStart, { passive: true })

passive的作用

浏览器内核渲染页面时有2个线程,一个主线程,负责js执行,另一个绘制线程,负责绘制画面。当事件触发时,主线程负责执行事件回调函数,完事后告诉绘制线程可以绘制画面了,但是如果主线程一直很忙,事件回调函数就迟迟不能执行,绘制画面也就卡住了,用户就感知到了卡顿,passive如果设置为true,则绘制线程不用等待主线程了,它们可以并行执行,回调函数中的event.preventDefault()不再起作用,如果有,执行到这句时,浏览器会给出警告

关于 passive相关推荐

  1. SecureCRT图形界面(通过设置调用Xmanager - Passive程序)

    首先,在server进行设置 假设server是图形化界面启动的,xhost +命令能够不用运行 [root@test ~]# xhost + xhost:  unable to open displ ...

  2. snort inline模式和passive模式区别

    passive mode provides a reactive protection. It can be configured to reset the attacker's connection ...

  3. 阻止默认行为是配合passive使用

    在使用lighthouse检测pwa应用时,发现提示下面有下面的警告 默认使用passive:true提高滚动性能并减少崩溃,passive即顺从的,是指它顺从浏览器的默认行为.设置该属性的目的主要是 ...

  4. FTP的主动传输模式(PORT Mode)及被动传输模式(Passive Mode)(PASV)(FTP客户端 client 服务端 server 通信原理)

    ftp> ? passive passive enter passive transfer mode 文章目录 FTP的特殊性 主动传输模式和被动传输模式 FTP的特殊性 大多数的TCP服务是使 ...

  5. FTP的主动模式(PORT Mode)及被动模式(Passive Mode)

    这两种模式发起连接的方向截然相反, 主动模式是从服务器端向客户端发起连接:被动模式是客户端向服务器端发起连接. PORT(主动)方式的连接过程是:客户端向服务器的FTP端口(默认是21)发送连接请求, ...

  6. FTP两种工作模式:主动模式(Active FTP)和被动模式(Passive FTP)

    http://jiahej.iteye.com/blog/179295 在主动模式下,FTP客户端随机开启一个大于1024的端口N向服务器的21号端口发起连接,然后开放N+1号端口进行监听,并向服务器 ...

  7. Xmanager – Passive oracle 安装调用图形界面

    Xmanager – Passive oracle 安装调用图形界面:export DISPLAY=192.168.6.1:0.0 此ip为客户端ip: 转载于:https://blog.51cto. ...

  8. 【工具使用】Xray与Burp联动--流量转发插件Passive Scan Client

    Burp被动扫描流量转发插件:Passive Scan Client 0x01 插件编译 插件地址:https://github.com/c0ny1/passive-scan-client root@ ...

  9. CCIE-LAB-第七篇-IPV6 EIRGP+Passive

    CCIE-LAB-第七篇-IPV6 EIRGP+Passive 实际中,思科只会给你5个小时去做下面的全部配置 这个是CCIE-LAB的拓扑图 问题 翻译: 在HQ中,根据这些要求1在rll.r12. ...

  10. FileZilla客户端连接腾讯云FTP服务器时出现“227 Entering Passive Mode”

    FTP的主动模式(PORT Mode)及被动模式(Passive Mode) FTP的特殊性: 大多数的TCP服务是使用单个的连接,一般是客户向服务器的一个周知端口发起连接,然后使用这个连接进行通讯. ...

最新文章

  1. postman 发送json请求
  2. Linux 命令之 pico -- 文本编辑器
  3. 2013.11.18—2013.11.22周总结
  4. python3.6安装pip3_python3安装pip3的实例步骤
  5. (2)FPGA开发流程介绍(第1天)
  6. Deep Speaker: an End-to-End Neural Speaker Embedding System
  7. 2008年8月30日人力资源系统启动会
  8. android反编译工具手机,安卓apk反编译工具包
  9. 《机器学习实战》 自制勘误表 中文版第一版2015年9月第11次印刷版
  10. 软件工程-第三章 软件需求分析1
  11. 美国信用评估机构遭黑客入侵,半数美国人受影响!
  12. Palm 与 webOS 之死
  13. [转载] 支持支付宝付款的四大国外主机
  14. 服务器(2080Ti)配置pytorch,distiller开发环境踩坑记录
  15. H5页面跳转小程序分享-山东标梵互动
  16. error setting certificate verify locations: CAfile: F:/gitt/Git/mingw64/ssl/certs/ca-bundle.crt
  17. WebCam snap应用实例
  18. UI设计界面设计培训班
  19. 什么是SCA(软件成分分析)
  20. 【solr】 - SolrCloud

热门文章

  1. HTML5入门(JQuery基础运用一)
  2. 再探格林公式、斯托克斯公式、高斯公式
  3. libcurl-windows下静态库版本的编译-编译和调用非常顺利
  4. 【Matlab优化知识点合集】新手入门第十二天
  5. css布局,伪类选择器练习
  6. 实现淘宝搜索后界面显示商品列表效果
  7. 基于springboot的“漫画之家”系统【毕业论文,源码】
  8. PHPExcel使用说明
  9. 新型肺炎下的互联网“新拐点”
  10. 激活ltsb2016_win10 企业版ltsb 2016有方法激活吗