由vue理解passive修饰符引起的思考

看代码

 <div v-on:scroll.passive="onScroll">...</div>  代码告诉JS引擎, 监听页面滚动事件,然后执行方法OnScroll,至于什么要用passive修饰符

默认情况: 浏览器会等待JS的运行结果, 如在用户触发了滚动事件, JS滚动事件监听器监听到该事件后, 会执行相应的代码, 浏览器默认会在那里等待该代码执行完毕,再执行相应的默认事件, 对于滚动来说,就是滚动浏览器中的页面.所以,这里有个核心知识,用户触发的某一动作,对应浏览器来说,有2个角度,"事件"与"动作",相当"起因"与"结果".

参考

posted @ 2020-04-28 16:59  轴轴  阅读(1040)  评论(0编辑  收藏  举报