scroll 插件创建流程

这里仅仅记录一下自己查看了一些 scroll 插件源码的总结,没有具体代码。

  1. 创建 scroll 构造函数或者插件以及对应的方法如 addListener 等等
  2. 创建组件 A(可包含其它组件为子组件的那种),获取到子组件 DOM,以及获取子组件传入的方法。
  3. 调用 scroll 构造函数的方法去进行一些操作,比如组件 mount 的时候对子元素绑定 addListener 事件,unmount 的时候 removeListener。创建 scroll 实例以及调用 scroll 方法时会将获取到的子组件元素和方法传递给 scroll 构造函数。
  4. 外部的组件,调用 A 组件,传入对应的方法。该方法可以是任意方法,完全又外部组件自定义,主要是触发 scroll 时需要执行的方法。
  5. 定义传入的方法,一般是判断 scroll 滚动条快到底了,比如判断出滚动条到最底部位置小于 20 px 时,拉取下一页数据。

总之一定要先封装好所有的监听事件,事件需要执行的方法或者执行方法的判断条件交给外部组件自己去处理。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,898评论 18 399
  • 新上映的电影《敦刻尔克》,讲述了二战初期英法联军被德军围困,最后在敦刻尔克这个小城的海岸线上命悬一线,竟然奇迹般成...
    圭圭格子间阅读 3,775评论 0 0
  • 布局 脚本 直接调用就好
    LuckyS007阅读 3,596评论 0 0
  • 今天我们来谈一谈增加收入的方式 首先从三个版块儿来分解:1、本职工作2、第二职业3、被动收入 一、本职工作:本职工...
    曹冬贺阅读 4,610评论 0 8