小程序 scroll-view 性能问题

news/2024/7/20 1:34:12 标签: 小程序, 微信小程序

先说使用场景,一次加载很多数据造成小程序卡顿的问题 ,找了好多都没有好的解决办法,要么太过复杂,然后研究了两天通过简单的办法实现,先根据数量把高度撑开,然后根据滚动位置渲染指定的数据就可以了, 性能简直不要太好。先看效果(实际业务效果要好于测试效果)。

小程序列表性能

DataManage.js  封装

function DataManage() {

  //**********************************************************数据
  let Data = {
    dataSource: [],//数据源
    heatData: [] //热数据(需要渲染的数据)
  }

  //**********************************************************配置
  let BaseConfig = { //基本配置信息(不需要覆盖的配置)
    triggerTime: 0, //滚动时间
    triggerTop: 0, //滚动top位置
    voidViewHeight: 0,//虚拟View高度
    pagingIndex: -1, //切换分页索引
    dataEnd: -1 //数据结束范围
  }
  let PagingConfig = { //分页配置(可改变) 
    pageSize: 50, //分页大小
    cardHeight: 55, //卡片高度

http://www.niftyadmin.cn/n/5155370.html

相关文章

Linux内核分析(五)--IO机制原理与系统总线

目录 一、引言 二、I/O设备 ------>2.1、块设备 ------>2.2、字符设备 ------>2.3、设备控制器 ------------>2.3.1、I/O寻址 ------------>2.3.2、内存映射 I/O 三、系统总线 ------>3.1、数据总线 ------>3.2、地址总线 ------>3.3、控制…

bazel编译C++

一、bazel编译成single target (1)文件目录 WORKSPACE mainBUILDprint.hprint.cppdemo.cpp(2)文件内容 BUILD cc_library(name "print_h",hdrs ["print.h"], ) cc_binary(name "demo",srcs …

【GEE】5、遥感影像预处理【GEE栅格预处理】

1简介 在本模块中,我们将讨论以下概念: 了解常用于遥感影像的数据校正类型。如何直观地比较同一数据集中不同预处理级别的空间数据。如何在 Google Earth Engine for Landsat 8 表面反射率图像中执行云遮蔽和云遮蔽评估。 2背景 什么是预处理&#xff…

window10 定时任务

window10 定时任务 1、背景2、目标3、思路4、实操4.1、设置定时任务4.2、配置策略4.3、验证 1、背景 项目上由于业务调试需要,开具了一台window10系统,此台window10为项目组公共使用,为防止误操作分配了不通的账号,日常使用各自账…

1-3 docker 安装 prometheus

一、环境 1、环境准备 安装Docker 镜像加速 安装 docker 检查版本 安装Docker-compose 二、Docker-compose 安装 Prometheus 1、【方式一】手动创建 docker-compose 和 配置文件 创建prometheus监控的文件夹 创建alertmanager的配置文件 - config.yml 新建grafana的…

01-Spring中事务的实现之编程式事务和声明式事务,以及事务的属性之传播行为,隔离级别,事务的回滚

银行账户转账异常 需求: 实现act-001账户向act-002账户转账10000,要求两个账户的余额一个减成功一个加成功,即执行的两条update语句必须同时成功或失败 实现步骤 第一步: 引入项目所需要的依赖 <?xml version"1.0" encoding"UTF-8"?> <proj…

Linux 实现原理 — NUMA 多核架构中的多线程调度开销与性能优化

前言 NOTE&#xff1a;本文中所指 “线程” 均为可执行调度单元 Kernel Thread。 NUMA 体系结构 NUMA&#xff08;Non-Uniform Memory Access&#xff0c;非一致性存储器访问&#xff09;的设计理念是将 CPU 和 Main Memory 进行分区自治&#xff08;Local NUMA node&#x…

【开题报告】基于SpringBoot的童装销售商城的设计与实现

1.研究背景 童装市场一直是一个持续增长的行业&#xff0c;随着人们对孩子的关注度不断提高&#xff0c;对童装的需求也在逐渐增加。传统的实体店面销售方式已经无法满足人们的需求&#xff0c;电子商务成为了童装销售的主要渠道之一。而基于Spring Boot的童装销售商城的选题背…