CN113656020A - 一种基于ReactNative的图片展示组件开发方法及相关组件 - Google Patents
一种基于ReactNative的图片展示组件开发方法及相关组件 Download PDFInfo
- Publication number
- CN113656020A CN113656020A CN202110930467.6A CN202110930467A CN113656020A CN 113656020 A CN113656020 A CN 113656020A CN 202110930467 A CN202110930467 A CN 202110930467A CN 113656020 A CN113656020 A CN 113656020A
- Authority
- CN
- China
- Prior art keywords
- reactnative
- picture
- height
- display
- display list
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000011161 development Methods 0.000 title claims abstract description 35
- 238000009877 rendering Methods 0.000 claims abstract description 57
- 238000012544 monitoring process Methods 0.000 claims abstract description 38
- 238000005096 rolling process Methods 0.000 claims abstract description 17
- 238000004590 computer program Methods 0.000 claims description 15
- 239000002699 waste material Substances 0.000 abstract description 5
- 230000001360 synchronised effect Effects 0.000 abstract description 4
- 238000004891 communication Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Digital Computer Display Output (AREA)
Abstract
本申请公开了一种基于ReactNative的图片展示组件开发方法、装置、设备及存储介质。该方法包括：以FlatList组件为基础通过ReactNative设置渲染参数；监测展示列表的下方不可见区域的高度；当所述高度小于高度阈值时加载数据源；监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。通过监测展示列表的下方不可见区域的高度，在符合条件时加载数据源，实现数据的懒加载，并通过监听页面滚动，加载处于可见区域的图片数据，最终形成长列表滚动加载数据与图片懒加载数据的结合展示，有效地解决了大数据量同步展示时造成的设备额外负担、资源浪费及网络压力的问题。
Description
技术领域
本发明涉及计算机技术领域，特别涉及一种基于ReactNative的图片展示组件开发方法、装置、设备及存储介质。
背景技术
当前，移动应用的设计开发离不开对用户体验的关注，用户体验又表现在不同的方面，例如程序运行的流畅度，界面设计的美观度等。随着前端开发技术的愈发成熟，更好的页面体验效果显得尤为重要，页面中使用图文混合并搭配长列表的应用更是随处可见。在ReactNative框架开发中，图片加载是直接获取本地或者网络链接资源然后展示，但直接一次性展示长列表中的图片，会造成额外的网络资源浪费。
发明内容
有鉴于此，本发明的目的在于提供一种基于ReactNative的图片展示组件开发方法、装置、设备及介质，能够解决长列表与图片加载过程中的性能消耗问题。其具体方案如下：
第一方面，本申请公开了一种基于ReactNative的图片展示组件开发方法，包括：
以FlatList组件为基础通过ReactNative设置渲染参数；
监测展示列表的下方不可见区域的高度；
当所述高度小于高度阈值时加载数据源；
监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。
可选的，所述监测展示列表的下方不可见区域的高度，包括：
监测所述展示列表的可见区域的下边界到所述展示列表底部的不可见区域的下边界的距离，以得到所述下方不可见区域的高度。
可选的，所述基于ReactNative的图片展示组件开发方法，还包括：
通过预设接口接收针对所述展示列表的列数调整参数，并根据所述列数调整参数更新所述渲染参数。
可选的，所述基于ReactNative的图片展示组件开发方法，还包括：
通过预设接口接收针对所述展示列表的图片样式调整参数，并根据所述图片样式调整参数更新所述渲染参数。
可选的，所述基于ReactNative的图片展示组件开发方法，还包括：
通过预设接口接收针对所述展示列表的文字样式调整参数，并根据所述文字样式调整参数更新所述渲染参数。
可选的，所述基于ReactNative的图片展示组件开发方法，还包括：
通过预设接口接收针对所述展示列表的单页展示数量调整参数，并根据所述单页展示数量调整参数更新所述渲染参数。
可选的，所述当所述高度小于高度阈值时加载数据源之后，还包括：
基于所述数据源根据所述渲染参数渲染除图片数据外的其余数据。
第二方面，本申请公开了一种基于ReactNative的图片展示组件开发装置，包括：
参数配置模块，用于以FlatList组件为基础通过ReactNative设置渲染参数；
监测模块，用于监测展示列表的下方不可见区域的高度；
数据源加载模块，用于当所述高度小于高度阈值时加载数据源；
图片渲染模块，用于监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。
第三方面，本申请公开了一种电子设备，包括：
存储器，用于保存计算机程序；
处理器，用于执行所述计算机程序，以实现前述的基于ReactNative的图片展示组件开发方法。
第四方面，本申请公开了一种计算机可读存储介质，用于存储计算机程序；其中计算机程序被处理器执行时实现前述的基于ReactNative的图片展示组件开发方法。
本申请中，以FlatList组件为基础通过ReactNative设置渲染参数；监测展示列表的下方不可见区域的高度；当所述高度小于高度阈值时加载数据源；监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。可见，通过监测展示列表的下方不可见区域的高度，在符合条件时加载数据源，实现数据的懒加载，并通过监听页面滚动，加载处于可见区域的图片数据，最终形成长列表滚动加载数据与图片懒加载数据的结合展示，有效地解决了大数据量同步展示时造成的设备额外负担、资源浪费及网络压力的问题。且基于ReactNative开发的图片展示组件移植性强，能够在基于ReactNative开发的项目中任意移植，作为一个组件使用不受限制。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
图1为本申请提供的一种基于ReactNative的图片展示组件开发方法流程图；
图2为本申请提供的一种具体的展示列表结构示意图；
图3为本申请提供的一种基于ReactNative的图片展示组件开发装置结构示意图；
图4为本申请提供的一种电子设备结构图。
具体实施方式
现有技术中，在ReactNative框架开发中，图片加载是直接获取本地或者网络链接资源然后展示，但直接一次性展示长列表中的图片，会造成额外的网络资源浪费。为克服上述技术问题，本申请提出一种基于ReactNative的图片展示组件开发方法，能够解决长列表与图片加载过程中的性能消耗问题。
本申请实施例公开了一种基于ReactNative的图片展示组件开发方法，参见图1所示，该方法可以包括以下步骤：
步骤S11：以FlatList组件为基础通过ReactNative设置渲染参数。
本实施例中，首先以FlatList组件为基础通过ReactNative设置数据加载相关的渲染参数。ReactNative是使用JavaScript和React编写原生移动应用的跨平台(安卓和苹果)开发框架。其中，上述渲染参数对应的属性包括但不限于data(表征渲染源)，renderItem(表征从data中挨个取出数据并渲染到列表中)，ListEmptyComponent(表征列表为空时渲染该组件)，ListFooterComponent(表征尾部组件)，ListHeaderComponent(表征头部组件)，columnWrapperStyle(表征额外指定此样式作用在每行容器上)，onScrollEndDrag(表征结束拖拽)，onEndReachedThreshold(表征决定当距离内容最底部还有多远时触发，即高度阈值)，onEndReached(表征回调)，onEndReached(表征当列表被滚动到距离内容最底部不足的距离时调用)，onRefresh(表征下拉刷新回调)。
本实施例中，所述基于ReactNative的图片展示组件开发方法，还可以包括：通过预设接口接收针对所述展示列表的列数调整参数，并根据所述列数调整参数更新所述渲染参数。即根据用户发送的列数调整参数调整渲染参数，以调整展示列表的支持列数，如支持单列展示或支持双列展示。
本实施例中，所述基于ReactNative的图片展示组件开发方法，还可以包括：通过预设接口接收针对所述展示列表的图片样式调整参数，并根据所述图片样式调整参数更新所述渲染参数。即根据用户发送的图片样式调整参数调整渲染参数，以调整展示列表内图片的样式，该样式可以包括但不限于大小、分辨率等。
本实施例中，所述基于ReactNative的图片展示组件开发方法，还可以包括：通过预设接口接收针对所述展示列表的文字样式调整参数，并根据所述文字样式调整参数更新所述渲染参数。即根据用户发送的文字样式调整参数调整渲染参数，以调整展示列表内文字的样式，如调整文字的大小及字体等。
本实施例中，所述基于ReactNative的图片展示组件开发方法，还可以包括：通过预设接口接收针对所述展示列表的单页展示数量调整参数，并根据所述单页展示数量调整参数更新所述渲染参数。即根据用户发送的单页展示数量调整参数调整渲染参数，以调整展示列表每页展示的图片数量。由此通过预设接口实现组件渲染参数的可配置化，以设置具体的表现形式、表现内容、样式等。
步骤S12：监测展示列表的下方不可见区域的高度。
本实施例中，监测展示列表的下方不可见区域的高度，具体的，可以通过监测所述展示列表的可见区域的下边界到所述展示列表底部的不可见区域的下边界的距离，以得到所述下方不可见区域的高度。
可以理解的是，如图2所示，展示列表的可见区域为白色矩形，screenHeight为装置屏幕高度即可见区域的高度，阴影部分为不可见区域，ST为用户向上滚动的距离，SH为展示列表的长度，上述下方不可见区域的高度为x。
步骤S13：当所述高度小于高度阈值时加载数据源。
本实施例中，当上述下方不可见区域的高度小于高度阈值时，加载数据源，即当x＝SH-ST-screenHeight小于预设高度阈值时，去加载下一页数据，以实现在长列表滚动过程中图片懒加载，图片懒加载即一种可以到固定时机去发送请求，获取图片资源并在相关容器中展示图片的技术。加载的数据源对应的加载区域为图2中虚线区域所示，size为加载元素的位，若展示列表为单列展示则size等于加载的元素数量，IH为每个元素的高度，加载总高度为IH*size。
本实施例中，所述当所述高度小于高度阈值时加载数据源之后，还可以包括：基于所述数据源根据所述渲染参数渲染除图片数据外的其余数据。也就是说，此时对于还不会显示在可见区域的图像数据，只渲染除图片数据外的文字数据等，避免浪费资源。
步骤S14：监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。
本实施例中，通过监听界面滚动，基于上述数据源根据上述渲染参数加载展示列表的可见区域对应的图片数据，也就是说，等不可见区域滚动到可见区域时加载该区域的图片数据。例如，以网购平台为例，商品展示的每个区域包括了图片和其他的文字等信息，每次先加载这块的文字等其他内容，图片暂时不加载，此时监听界面的滚动，等不可见区域滚动到可见区域时加载该区域的图片。
由上可见，本实施例中以FlatList组件为基础通过ReactNative设置渲染参数；监测展示列表的下方不可见区域的高度；当所述高度小于高度阈值时加载数据源；监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。可见，通过监测展示列表的下方不可见区域的高度，在符合条件时加载数据源，实现数据的懒加载，并通过监听页面滚动，加载处于可见区域的图片数据，最终形成长列表滚动加载数据与图片懒加载数据的结合展示，有效地解决了大数据量同步展示时造成的设备额外负担、资源浪费及网络压力的问题。且基于ReactNative开发的图片展示组件移植性强，能够在基于ReactNative开发的项目中任意移植，作为一个组件使用不受限制。
相应的，本申请实施例还公开了一种基于ReactNative的图片展示组件开发装置，参见图3所示，该装置包括：
参数配置模块11，用于以FlatList组件为基础通过ReactNative设置渲染参数；
监测模块12，用于监测展示列表的下方不可见区域的高度；
数据源加载模块13，用于当所述高度小于高度阈值时加载数据源；
图片渲染模块14，用于监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。
由上可见，本实施例中以FlatList组件为基础通过ReactNative设置渲染参数；监测展示列表的下方不可见区域的高度；当所述高度小于高度阈值时加载数据源；监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。可见，通过监测展示列表的下方不可见区域的高度，在符合条件时加载数据源，实现数据的懒加载，并通过监听页面滚动，加载处于可见区域的图片数据，最终形成长列表滚动加载数据与图片懒加载数据的结合展示，有效地解决了大数据量同步展示时造成的设备额外负担、资源浪费及网络压力的问题。且基于ReactNative开发的图片展示组件移植性强，能够在基于ReactNative开发的项目中任意移植，作为一个组件使用不受限制。
在一些具体实施例中，所述监测模块12具体可以包括：
距离监测单元，用于监测所述展示列表的可见区域的下边界到所述展示列表底部的不可见区域的下边界的距离，以得到所述下方不可见区域的高度。
在一些具体实施例中，所述图片展示组件开发装置具体可以包括：
列数调整单元，用于通过预设接口接收针对所述展示列表的列数调整参数，并根据所述列数调整参数更新所述渲染参数。
在一些具体实施例中，所述图片展示组件开发装置具体可以包括：
图片样式调整单元，用于通过预设接口接收针对所述展示列表的图片样式调整参数，并根据所述图片样式调整参数更新所述渲染参数。
在一些具体实施例中，所述图片展示组件开发装置具体可以包括：
文字样式调整单元，用于通过预设接口接收针对所述展示列表的文字样式调整参数，并根据所述文字样式调整参数更新所述渲染参数。
在一些具体实施例中，所述图片展示组件开发装置具体可以包括：
单页展示数量调整单元，用于通过预设接口接收针对所述展示列表的单页展示数量调整参数，并根据所述单页展示数量调整参数更新所述渲染参数。
在一些具体实施例中，所述图片展示组件开发装置具体可以包括：
数据渲染单元，用于基于所述数据源根据所述渲染参数渲染除图片数据外的其余数据。
进一步的，本申请实施例还公开了一种电子设备，参见图4所示，图中的内容不能被认为是对本申请的使用范围的任何限制。
图4为本申请实施例提供的一种电子设备20的结构示意图。该电子设备20，具体可以包括：至少一个处理器21、至少一个存储器22、电源23、通信接口24、输入输出接口25和通信总线26。其中，所述存储器22用于存储计算机程序，所述计算机程序由所述处理器21加载并执行，以实现前述任一实施例公开的基于ReactNative的图片展示组件开发方法中的相关步骤。
本实施例中，电源23用于为电子设备20上的各硬件设备提供工作电压；通信接口24能够为电子设备20创建与外界设备之间的数据传输通道，其所遵循的通信协议是能够适用于本申请技术方案的任意通信协议，在此不对其进行具体限定；输入输出接口25，用于获取外界输入数据或向外界输出数据，其具体的接口类型可以根据具体应用需要进行选取，在此不进行具体限定。
另外，存储器22作为资源存储的载体，可以是只读存储器、随机存储器、磁盘或者光盘等，其上所存储的资源包括操作系统221、计算机程序222及包括数据源在内的数据223等，存储方式可以是短暂存储或者永久存储。
其中，操作系统221用于管理与控制电子设备20上的各硬件设备以及计算机程序222，以实现处理器21对存储器22中海量数据223的运算与处理，其可以是Windows Server、Netware、Unix、Linux等。计算机程序222除了包括能够用于完成前述任一实施例公开的由电子设备20执行的基于ReactNative的图片展示组件开发方法的计算机程序之外，还可以进一步包括能够用于完成其他特定工作的计算机程序。
进一步的，本申请实施例还公开了一种计算机存储介质，所述计算机存储介质中存储有计算机可执行指令，所述计算机可执行指令被处理器加载并执行时，实现前述任一实施例公开的基于ReactNative的图片展示组件开发方法步骤。
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本发明所提供的一种基于ReactNative的图片展示组件开发方法、装置、设备及介质进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种基于ReactNative的图片展示组件开发方法，其特征在于，包括：
以FlatList组件为基础通过ReactNative设置渲染参数；
监测展示列表的下方不可见区域的高度；
当所述高度小于高度阈值时加载数据源；
监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。
2.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，所述监测展示列表的下方不可见区域的高度，包括：
监测所述展示列表的可见区域的下边界到所述展示列表底部的不可见区域的下边界的距离，以得到所述下方不可见区域的高度。
3.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：
通过预设接口接收针对所述展示列表的列数调整参数，并根据所述列数调整参数更新所述渲染参数。
4.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：
通过预设接口接收针对所述展示列表的图片样式调整参数，并根据所述图片样式调整参数更新所述渲染参数。
5.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：
通过预设接口接收针对所述展示列表的文字样式调整参数，并根据所述文字样式调整参数更新所述渲染参数。
6.根据权利要求1所述的基于ReactNative的图片展示组件开发方法，其特征在于，还包括：
通过预设接口接收针对所述展示列表的单页展示数量调整参数，并根据所述单页展示数量调整参数更新所述渲染参数。
7.根据权利要求1至6任一项所述的基于ReactNative的图片展示组件开发方法，其特征在于，所述当所述高度小于高度阈值时加载数据源之后，还包括：
基于所述数据源根据所述渲染参数渲染除图片数据外的其余数据。
8.一种基于ReactNative的图片展示组件开发装置，其特征在于，包括：
参数配置模块，用于以FlatList组件为基础通过ReactNative设置渲染参数；
监测模块，用于监测展示列表的下方不可见区域的高度；
数据源加载模块，用于当所述高度小于高度阈值时加载数据源；
图片渲染模块，用于监听界面滚动，基于所述数据源根据所述渲染参数加载所述展示列表的可见区域对应的图片数据。
9.一种电子设备，其特征在于，包括：
存储器，用于保存计算机程序；
处理器，用于执行所述计算机程序，以实现如权利要求1至7任一项所述的基于ReactNative的图片展示组件开发方法。
10.一种计算机可读存储介质，其特征在于，用于存储计算机程序；其中计算机程序被处理器执行时实现如权利要求1至7任一项所述的基于ReactNative的图片展示组件开发方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110930467.6A CN113656020A (zh) | 2021-08-13 | 2021-08-13 | 一种基于ReactNative的图片展示组件开发方法及相关组件 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110930467.6A CN113656020A (zh) | 2021-08-13 | 2021-08-13 | 一种基于ReactNative的图片展示组件开发方法及相关组件 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113656020A true CN113656020A (zh) | 2021-11-16 |
Family
ID=78479865
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110930467.6A Pending CN113656020A (zh) | 2021-08-13 | 2021-08-13 | 一种基于ReactNative的图片展示组件开发方法及相关组件 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113656020A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN118210997A (zh) * | 2024-05-20 | 2024-06-18 | 一网互通(北京)科技有限公司 | React中长列表内容加载显示方法及装置 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108182195A (zh) * | 2017-11-23 | 2018-06-19 | 五八有限公司 | 一种数据的加载方法、装置、终端及存储介质 |
| CN111259284A (zh) * | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | 页面懒加载的方法和装置、存储介质和处理器 |
| CN112163175A (zh) * | 2020-10-14 | 2021-01-01 | 南京焦点领动云计算技术有限公司 | 一种网站移动端速度优化方法 |
| CN112256996A (zh) * | 2020-10-28 | 2021-01-22 | 冠群信息技术(南京)有限公司 | 一种基于web端页面加载的方法 |
| CN113190321A (zh) * | 2021-05-25 | 2021-07-30 | 上海万物新生环保科技集团有限公司 | 一种用于应用程序页面上拉刷新的方法及设备 |
-
2021
- 2021-08-13 CN CN202110930467.6A patent/CN113656020A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108182195A (zh) * | 2017-11-23 | 2018-06-19 | 五八有限公司 | 一种数据的加载方法、装置、终端及存储介质 |
| CN111259284A (zh) * | 2018-11-30 | 2020-06-09 | 阿里巴巴集团控股有限公司 | 页面懒加载的方法和装置、存储介质和处理器 |
| CN112163175A (zh) * | 2020-10-14 | 2021-01-01 | 南京焦点领动云计算技术有限公司 | 一种网站移动端速度优化方法 |
| CN112256996A (zh) * | 2020-10-28 | 2021-01-22 | 冠群信息技术(南京)有限公司 | 一种基于web端页面加载的方法 |
| CN113190321A (zh) * | 2021-05-25 | 2021-07-30 | 上海万物新生环保科技集团有限公司 | 一种用于应用程序页面上拉刷新的方法及设备 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN118210997A (zh) * | 2024-05-20 | 2024-06-18 | 一网互通(北京)科技有限公司 | React中长列表内容加载显示方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106570098B (zh) | 页面刷新的方法及装置 | |
| CN108279966B (zh) | 网页截图方法、装置、终端及存储介质 | |
| CN104820589B (zh) | 一种动态适配网页的方法及其装置 | |
| US10339209B2 (en) | Webpage display method and device | |
| US20100199195A1 (en) | Adaptive Rendering Of A Webpage On An Electronic Display Device | |
| CN112667330B (zh) | 一种页面显示方法及计算机设备 | |
| CN110717120B (zh) | 一种网页列表显示方法和装置 | |
| US8959432B2 (en) | Utilizing document structure for animated pagination | |
| CN109299449A (zh) | 表格处理方法、装置、电子设备及可读存储介质 | |
| CN115309470A (zh) | 微件的加载方法、装置、设备以及存储介质 | |
| CN113656020A (zh) | 一种基于ReactNative的图片展示组件开发方法及相关组件 | |
| CN113254131A (zh) | 一种页面背景展示方法及装置 | |
| CN112528184A (zh) | 富文本邮件的发送方法、装置、计算机设备及存储介质 | |
| CN107918643A (zh) | 一种网页显示方法及终端 | |
| CN109800039B (zh) | 一种用户界面展示方法、装置、电子设备及存储介质 | |
| US20120105455A1 (en) | Utilizing document structure for animated pagination | |
| US11537586B2 (en) | Detection of layout table(s) by a screen reader | |
| CN113849164A (zh) | 数据处理方法、装置、电子设备和存储器 | |
| AU2016266083A1 (en) | Method, system and apparatus for displaying an electronic document | |
| CN113343136A (zh) | 一种展示信息的方法及装置 | |
| CN111611047A (zh) | 一种移动App优化列表性能的方法及系统 | |
| CN111638927A (zh) | 一种皮肤切换方法及装置 | |
| CN113687809A (zh) | 信息显示方法及装置、以及电子设备和可读存储介质 | |
| CN118069282B (zh) | 一种基于OpenHarmony的状态栏的显示方法、显示装置及存储介质 | |
| CN114625460B (zh) | 图文混排方法、装置、设备以及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |