学习网站开发时,网页设计作业通常包括哪些内容?
摘要:网站开发学些什么,网页设计作业及答案,阿里云服 WordPress,公司企业安全文化内容范本LazyForEach从提供的数据源中按需迭代数据,并在每次迭代过程中创建相应的组件。当LazyForEach在滚动容
网站开发学些什么,网页设计作业及答案,阿里云服 WordPress,公司企业安全文化内容范本LazyForEach从提供的数据源中按需迭代数据#xff0c;并在每次迭代过程中创建相应的组件。当LazyForEach在滚动容器中使用了#xff0c;框架会根据滚动容器可视区域按需创建组件#xff0c;当组件划出可视区域外时#xff0c;框架会进行组件销毁回收以降低内存占用。一、接…LazyForEach从提供的数据源中按需迭代数据并在每次迭代过程中创建相应的组件。当LazyForEach在滚动容器中使用了框架会根据滚动容器可视区域按需创建组件当组件划出可视区域外时框架会进行组件销毁回收以降低内存占用。一、接口描述
LazyForEach(dataSource: IDataSource, // 需要进行数据迭代的数据源 itemGenerator: (item: any) void, // 子组件生成函数keyGenerator?: (item: any) string // (可选) .键值生成函数
): void
interface IDataSource {totalCount(): number; // Get total count of datagetData(index: number): any; // Get single data by indexregisterDataChangeListener(listener: DataChangeListener): void; // Register listener to listening data changesunregisterDataChangeListener(listener: DataChangeListener): void; // Unregister listener
}
interface DataChangeListener {onDataReloaded(): void; // Called while data reloadedonDataAdd(index: number): void; // Called while single data addedonDataMove(from: number, to: number): void; // Called while single data movedonDataDelete(index: number): void; // Called while single data deletedonDataChange(index: number): void; // Called while single data changed
.} 二、IDataSource类型说明
interface IDataSource {totalCount(): number;getData(index: number): any; registerDataChangeListener(listener: DataChangeListener): void;unregisterDataChangeListener(listener: DataChangeListener): void;
} 三、DataChangeListener类型说明 四、使用限制 LazyForEach必须在容器组件内使用仅有List、Grid以及Swiper组件支持数据懒加载即只加载可视部分以及其前后少量数据用于缓冲其他组件仍然是一次性加载所有的数据。
LazyForEach在每次迭代中必须创建且只允许创建一个子组件。
生成的子组件必须是允许包含在LazyForEach父容器组件中的子组件。 允许LazyForEach包含在if/else条件渲染语句中也允许LazyForEach中出现if/else条件渲染语句。 键值生成器必须针对每个数据生成唯一的值如果键值相同将导致键值相同的UI组件被框架忽略从而无法在父容器内显示。 LazyForEach必须使用DataChangeListener对象来进行更新第一个参数dataSource使用状态变量时状态变量改变不会触发LazyForEach的UI刷新。
