在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ Vue v-on:scroll.passive的理解

Vue v-on:scroll.passive的理解

Vue官網(wǎng)教程中,說(shuō)明了新屬性.passive將啟動(dòng)被動(dòng)監(jiān)聽(tīng)器,即默認(rèn)行為會(huì)理解觸發(fā)。我的理解是我可以在onSroll事件中寫(xiě)個(gè)循環(huán)事件,然后如果快速滾動(dòng)的過(guò)程不會(huì)受到onSroll內(nèi)事件的阻塞。



<!-- 滾動(dòng)事件的默認(rèn)行為 (即滾動(dòng)行為) 將會(huì)立即觸發(fā) -->
<!-- 而不會(huì)等待 `onScroll` 完成  -->
<!-- 這其中包含 `event.preventDefault()` 的情況 -->
<div v-on:scroll.passive="onScroll">...</div>


所以我這樣寫(xiě):





    <div id="example-5" v-on:scroll.passive="onScroll" style="width: 300px;height: 300px;border: 4px solid red;overflow: scroll;">
        sou la xi xi xi xi la xi la sou 吹著前奏望著天空 我想起花瓣試著掉落 為你翹課的那一天 花落的那一天 教室的那一間 我怎么看不見(jiàn) 消失的下雨天 我好想再淋一遍 沒(méi)想到失去的勇氣我還留著 好想再問(wèn)一遍 你會(huì)等待還是離開(kāi)
        刮風(fēng)這天我試過(guò)握著你手 但偏偏雨漸漸大到我看你不見(jiàn) 還要多久我才能在你身邊 還要多久我才能夠在你身邊 等到放晴的那天也許我會(huì)比較好一點(diǎn) 等到放晴那天也許我會(huì)比較好一點(diǎn) 從前從前有個(gè)人愛(ài)你很久 但偏偏風(fēng)漸漸把距離吹得好遠(yuǎn) 偏偏風(fēng)漸漸把距離吹得好遠(yuǎn)
        但偏偏雨漸漸把距離吹得好遠(yuǎn) 好不容易又能再多愛(ài)一天 但故事的最后你好像還是說(shuō)了拜拜 但故事的最后你好像還是說(shuō)了 sou la xi xi xi xi la xi la sou 吹著前奏望著天空 我想起花瓣試著掉落 為你翹課的那一天
        花落的那一天 教室的那一間 我怎么看不見(jiàn) 消失的下雨天 我好想再淋一遍 沒(méi)想到失去的勇氣我還留著 好想再問(wèn)一遍 你會(huì)等待還是離開(kāi) 刮風(fēng)這天我試過(guò)握著你手 但偏偏雨漸漸大到我看你不見(jiàn) 還要多久我才能在你身邊 還要多久我才能夠在你身邊
        等到放晴的那天也許我會(huì)比較好一點(diǎn) 等到放晴那天也許我會(huì)比較好一點(diǎn) 從前從前有個(gè)人愛(ài)你很久 但偏偏風(fēng)漸漸把距離吹得好遠(yuǎn) 偏偏風(fēng)漸漸把距離吹得好遠(yuǎn) 但偏偏雨漸漸把距離吹得好遠(yuǎn) 好不容易又能再多愛(ài)一天 但故事的最后你好像還是說(shuō)了拜拜
        但故事的最后你好像還是說(shuō)了 sou la xi xi xi xi la xi la sou 吹著前奏望著天空 我想起花瓣試著掉落 為你翹課的那一天 花落的那一天 教室的那一間 我怎么看不見(jiàn) 消失的下雨天 我好想再淋一遍 沒(méi)想到失去的勇氣我還留著
        好想再問(wèn)一遍 你會(huì)等待還是離開(kāi) 刮風(fēng)這天我試過(guò)握著你手 但偏偏雨漸漸大到我看你不見(jiàn) 還要多久我才能在你身邊 還要多久我才能夠在你身邊 等到放晴的那天也許我會(huì)比較好一點(diǎn) 等到放晴那天也許我會(huì)比較好一點(diǎn) 從前從前有個(gè)人愛(ài)你很久 但偏偏風(fēng)漸漸把距離吹得好遠(yuǎn)
        偏偏風(fēng)漸漸把距離吹得好遠(yuǎn) 但偏偏雨漸漸把距離吹得好遠(yuǎn) 好不容易又能再多愛(ài)一天 但故事的最后你好像還是說(shuō)了拜拜 但故事的最后你好像還是說(shuō)了 sou la xi xi xi xi la xi la sou 吹著前奏望著天空 我想起花瓣試著掉落
        為你翹課的那一天 花落的那一天 教室的那一間 我怎么看不見(jiàn) 消失的下雨天 我好想再淋一遍 沒(méi)想到失去的勇氣我還留著 好想再問(wèn)一遍 你會(huì)等待還是離開(kāi) 刮風(fēng)這天我試過(guò)握著你手 但偏偏雨漸漸大到我看你不見(jiàn) 還要多久我才能在你身邊 還要多久我才能夠在你身邊
        等到放晴的那天也許我會(huì)比較好一點(diǎn) 等到放晴那天也許我會(huì)比較好一點(diǎn) 從前從前有個(gè)人愛(ài)你很久 但偏偏風(fēng)漸漸把距離吹得好遠(yuǎn) 偏偏風(fēng)漸漸把距離吹得好遠(yuǎn) 但偏偏雨漸漸把距離吹得好遠(yuǎn) 好不容易又能再多愛(ài)一天 但故事的最后你好像還是說(shuō)了拜拜
        但故事的最后你好像還是說(shuō)了
    </div>
    <p>滾動(dòng) <span id="demo">0</span> 次。</p>



var x = 0;
let example5 = new Vue({
    el: "#example-5",
    methods: {
         onScroll: () => {
             for (var i = 0; i < 10000; i++) {
                   console.log(i);
             }
         document.getElementById("demo").innerHTML = x += 1;
         }
    }
})

但是感覺(jué)無(wú)論我設(shè)置.passive,或者.prevent或者不設(shè)置,滾動(dòng)都不會(huì)受到for循環(huán)的阻塞。是我的理解錯(cuò)了?

回答
編輯回答
心癌

首先 onScroll 不是 scroll 的默認(rèn)行為,比如,點(diǎn)擊 a 標(biāo)簽會(huì)跳轉(zhuǎn)這才是默認(rèn)行為,如果對(duì) a 標(biāo)簽使用 preventDefault 或 .prevent,此時(shí)才會(huì)阻止 a 跳轉(zhuǎn)。
所以你在 onScroll 寫(xiě)循環(huán)是會(huì)阻塞滾動(dòng)行為的。
我的理解是指在 a 標(biāo)簽上加 .passive 后就肯定會(huì)跳轉(zhuǎn),就算加了 event.preventDefault 或 .prevent 也會(huì)不起作用的。

2017年8月24日 16:20