scroll 插件創(chuàng)建流程

這里僅僅記錄一下自己查看了一些 scroll 插件源碼的總結,沒有具體代碼。

  1. 創(chuàng)建 scroll 構造函數(shù)或者插件以及對應的方法如 addListener 等等
  2. 創(chuàng)建組件 A(可包含其它組件為子組件的那種),獲取到子組件 DOM,以及獲取子組件傳入的方法。
  3. 調(diào)用 scroll 構造函數(shù)的方法去進行一些操作,比如組件 mount 的時候?qū)ψ釉亟壎?addListener 事件,unmount 的時候 removeListener。創(chuàng)建 scroll 實例以及調(diào)用 scroll 方法時會將獲取到的子組件元素和方法傳遞給 scroll 構造函數(shù)。
  4. 外部的組件,調(diào)用 A 組件,傳入對應的方法。該方法可以是任意方法,完全又外部組件自定義,主要是觸發(fā) scroll 時需要執(zhí)行的方法。
  5. 定義傳入的方法,一般是判斷 scroll 滾動條快到底了,比如判斷出滾動條到最底部位置小于 20 px 時,拉取下一頁數(shù)據(jù)。

總之一定要先封裝好所有的監(jiān)聽事件,事件需要執(zhí)行的方法或者執(zhí)行方法的判斷條件交給外部組件自己去處理。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,568評論 19 139
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內(nèi)部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,706評論 18 399
  • 新上映的電影《敦刻爾克》,講述了二戰(zhàn)初期英法聯(lián)軍被德軍圍困,最后在敦刻爾克這個小城的海岸線上命懸一線,竟然奇跡般成...
    圭圭格子間閱讀 707評論 0 0
  • 布局 腳本 直接調(diào)用就好
    LuckyS007閱讀 615評論 0 0
  • 今天我們來談一談增加收入的方式 首先從三個版塊兒來分解:1、本職工作2、第二職業(yè)3、被動收入 一、本職工作:本職工...
    曹冬賀閱讀 1,078評論 0 8

友情鏈接更多精彩內(nèi)容