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


看代碼

 <div v-on:scroll.passive="onScroll">...</div>  代碼告訴JS引擎, 監聽頁面滾動事件,然后執行方法OnScroll,至於什么要用passive修飾符

默認情況: 瀏覽器會等待JS的運行結果, 如在用戶觸發了滾動事件, JS滾動事件監聽器監聽到該事件后, 會執行相應的代碼, 瀏覽器默認會在那里等待該代碼執行完畢,再執行相應的默認事件, 對於滾動來說,就是滾動瀏覽器中的頁面.所以,這里有個核心知識,用戶觸發的某一動作,對應瀏覽器來說,有2個角度,"事件"與"動作",相當"起因"與"結果".

參考


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM