上海高端定制网站公司,我自己怎么建网站,推广有什么好方法,东莞小程序开发哪家好简单分享 infiniteScroll 组件源码#xff0c;主要有以下四个方面#xff1a;
1、infiniteScroll 页面结构。
2、infiniteScroll 组件属性。
3、组件内部的方法。
4、存在的问题。
一、infiniteScroll 页面结构#xff1a; 二、页面属性。
2.1 infinite-scroll-disab…简单分享 infiniteScroll 组件源码主要有以下四个方面
1、infiniteScroll 页面结构。
2、infiniteScroll 组件属性。
3、组件内部的方法。
4、存在的问题。
一、infiniteScroll 页面结构 二、页面属性。
2.1 infinite-scroll-disabled 是否禁用boolean 类型默认 false。 getScrollOptions 方法整合传入的属性返回最新的 attributes 对象。 2.2 infinite-scroll-delay 属性节流延迟单位 ms默认 200。 2.3 infinite-scroll-distance 属性 触发加载的距离阈值单位 px默认 0。 2.4 infinite-scroll-immediate 属性 是否立即执行加载方法以防止初始状态下内容无法充满容器默认 true。 三、组件内部的方法
3.1 getStyleComputedProperty 获取指定元素的dom 样式。
3.2 getScrollOptions 获取传入的属性。
3.3 handleScroll 核心方法滚动的方法判断何时需要加载使用 MutationObserver 方法监听容器变化。
四、存在的问题
4.1 滚动时加载时dom 元素一直在追加那么当数量量比较大的时候数据渲染上面就会存在问题。
