CN116450271A - 列表图片加载改进方法、装置、设备及其存储介质 - Google Patents
列表图片加载改进方法、装置、设备及其存储介质 Download PDFInfo
- Publication number
- CN116450271A CN116450271A CN202310413529.5A CN202310413529A CN116450271A CN 116450271 A CN116450271 A CN 116450271A CN 202310413529 A CN202310413529 A CN 202310413529A CN 116450271 A CN116450271 A CN 116450271A
- Authority
- CN
- China
- Prior art keywords
- picture
- pictures
- loaded
- batch
- end page
- 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 83
- 230000006872 improvement Effects 0.000 title claims abstract description 26
- 238000009877 rendering Methods 0.000 claims abstract description 32
- 238000004364 calculation method Methods 0.000 claims description 23
- 238000004458 analytical method Methods 0.000 claims description 15
- 238000012545 processing Methods 0.000 claims description 11
- 238000012544 monitoring process Methods 0.000 claims description 7
- 238000006243 chemical reaction Methods 0.000 claims description 6
- 230000003993 interaction Effects 0.000 abstract description 9
- 238000005457 optimization Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 12
- 238000005516 engineering process Methods 0.000 description 10
- 238000013473 artificial intelligence Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000013135 deep learning Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 235000019800 disodium phosphate Nutrition 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003058 natural language processing Methods 0.000 description 1
- 238000004088 simulation Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- 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/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例属于前端渲染过程优化技术领域,应用于列表图片加载领域中,涉及一种列表图片加载改进方法、装置、设备及其存储介质,包括执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。通过主线程创建Worker线程,将一些计算密集型或高延迟的任务分配给Worker线程负担,主线程仅负责UI交互,就会保证列表图片渲染很流畅,不会被阻塞或拖慢,既保证了计算效率也保证了加载效率。
Description
技术领域
本申请涉及前端渲染过程优化技术领域,尤其涉及一种列表图片加载改进方法、装置、设备及其存储介质。
背景技术
瀑布流列表布局是很常见的前端布局,但是对于h5来说,很难有一种方法可以完美实现瀑布流列表布局,目前市面上实现瀑布流列表布局的方式,主要有三种:css的column布局、css的display:flex布局、JavaScript加载图片之后计算高度再分配。
css的column布局和css的display:flex布局,适用于图片不多,对图片顺序没有要求的场景,因为这是从第一列开始排,排完第一列之后再排第二列,因此,对下拉加载非常不友好。而通过JavaScript加载图片之后计算高度,从而决定分配到哪一列,这种方法优点是可以解决对下拉加载非常不友好的不足之处,缺点是效率不高,必须等上一张图片加载完才可以计算下一张,弱网或者图片较多较大的时候,会出现计算缓慢,图片加载不出来的情况。因此,现有技术在通过JavaScript实现列表图片加载时,还存在加载效率不高,计算缓慢的问题。
发明内容
本申请实施例的目的在于提出一种列表图片加载改进方法、装置、设备及其存储介质,以解决现有技术在通过JavaScript实现列表图片加载时,还存在加载效率不高,计算缓慢的问题。
为了解决上述技术问题,本申请实施例提供一种列表图片加载改进方法,采用了如下所述的技术方案:
一种列表图片加载改进方法,包括下述步骤:
获取从预设的图片管理后台上传的批量待加载图片;
执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;
运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;
运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。
进一步的,所述图片管理后台中包括批量待加载图片、所述批量待加载图片中各图片的区别标识及所述批量待加载图片中各图片的宽高值,在执行所述获取从预设的图片管理后台上传的批量待加载图片的步骤之前,所述方法还包括:
获取所述批量待加载图片中各图片的宽高值,构建各图片分别对应的宽高哈希值;
将各图片分别对应的宽高哈希值,拼接在相对应图片的上传链接字段尾末,形成新的链接字符串;
所述获取从预设的图片管理后台上传的批量待加载图片的步骤,具体包括:
对所述新的链接字符串进行解析,解析出各图片的上传链接和各图片的宽高哈希值;
根据各图片的上传链接获取到上传的各相对应图片;
在执行所述获取从预设的图片管理后台上传的批量待加载图片的步骤之后,所述方法还包括:
获取各图片的宽高哈希值和各图片的区别标识;
将各图片的宽高哈希值和各相对应图片的区别标识成对缓存至预设的前端缓存区。
进一步的,所述执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程的步骤,具体包括:
初始化所述web worker脚本,执行所述web worker脚本中预设的web worker对象创建方法,创建web worker对象;
根据所述web worker脚本中预设的线程创建方法,创建若干个独立于主线程而运行的子线程。
进一步的,在执行所述运行若干个所述子线程的步骤之前,所述方法还包括:
根据预设的前端页面节点解析组件,对所述批量待加载图片待进行加载的页面进行节点解析;
获取节点解析结果,并根据所述节点解析结果,识别所述待进行加载的页面中列表窗口的数量;
所述运行若干个所述子线程的步骤,具体包括:
若所述待进行加载的页面中列表窗口的数量唯一,则执行所述web worker脚本中预设的Worker方法,运行若干个所述子线程;
若所述待进行加载的页面中列表窗口的数量非唯一,则执行所述web worker脚本中预设的SharedWorker方法,运行若干个所述子线程。
进一步的,在执行所述根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息的步骤之前,所述方法还包括:
根据预设的事件监听器,监听所述前端缓存区内是否存入了各图片的宽高哈希值和各相对应图片的区别标识;
若所述前端缓存区内存入了各图片的宽高哈希值和各相对应图片的区别标识,则对各图片的宽高哈希值进行解析,获取各图片的高度值;
所述展示布局包括所述目标前端页面内图片的展示列数,所述根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息的步骤,具体包括:
根据所述批量待加载图片在目标前端页面内的展示布局,确定所述目标前端页面内图片的展示列数;
根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的布局位置;
将所述各展示列数中每个展示图片在对应展示列中的布局位置设置为所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
进一步的,在执行所述根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的列高的步骤之前,所述方法还包括:
获取预先根据所述目标前端页面内图片的展示列数而设置的转换数组,其中,所述转换数组包括第一数组和第二数组,所述第一数组、第二数组中元素数量与所述目标前端页面内图片的展示列数相同,所述第一数组中元素值为各展示列内上下相邻图片间的间隔值,所述第二数组中所有初始元素值为0;
所述展示布局还包括所述各展示列中展示图片的区别标识,所述根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的布局位置的步骤,具体包括:
获取所述各展示列中当前行展示图片的区别标识;
根据所述各展示列中当前行展示图片的区别标识,确定所述各展示列中当前行展示图片的高度值;
根据所述各展示列中当前行展示图片的高度值、所述第一数组中元素值和所述第二数组中当前元素值,进行对应求和,将求和结果对应输出到所述第二数组中,更新所述第二数组中当前元素值;
将更新后的所述第二数组中当前元素值,作为所述各展示列中当前行展示图片在所述对应展示列中的布局位置。
进一步的,在执行所述更新所述第二数组中当前元素值的步骤之后,所述方法还包括:
获取每次更新后所述第二数组中当前元素值;
根据更新的先后顺序,将动态更新的所述第二数组中当前元素值以数组格式为单位从上到下进行排列输出,获取排列输出结果;
将所述排列输出结果作为所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
为了解决上述技术问题,本申请实施例还提供一种列表图片加载改进装置,采用了如下所述的技术方案:
一种列表图片加载改进装置,包括:
图片获取模块,用于获取从预设的图片管理后台上传的批量待加载图片;
子线程创建模块,用于执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;
子线程计算模块,用于运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
计算结果缓存模块,用于将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;
主线程处理模块,用于运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
渲染加载模块,用于根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。
为了解决上述技术问题,本申请实施例还提供一种计算机设备,采用了如下所述的技术方案:
一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现上述所述的列表图片加载改进方法的步骤。
为了解决上述技术问题,本申请实施例还提供一种计算机可读存储介质,采用了如下所述的技术方案:
一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如上述所述的列表图片加载改进方法的步骤。
与现有技术相比,本申请实施例主要有以下有益效果:
本申请实施例所述列表图片加载改进方法,通过获取从预设的图片管理后台上传的批量待加载图片;执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。通过主线程创建Worker线程,将一些计算密集型或高延迟的任务分配给Worker线程负担,主线程仅负责UI交互,就会保证列表图片渲染很流畅,不会被阻塞或拖慢,既保证了计算效率也保证了加载效率。
附图说明
为了更清楚地说明本申请中的方案,下面将对本申请实施例描述中所需要使用的附图作一个简单介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请可以应用于其中的示例性系统架构图;
图2根据本申请的列表图片加载改进方法的一个实施例的流程图;
图3是图2所示步骤203的一种具体实施例的流程图;
图4是图3所示步骤302的一种具体实施例的流程图;
图5是图4所示步骤403的一个具体实施例的说明示意图;
图6是根据本申请对每次更新之后所述第二数组中当前元素值进行排列输出的一个具体实施例的说明示意图;
图7根据本申请的列表图片加载改进装置的一个实施例的结构示意图;
图8是图7所示模块703的一种具体实施例的结构示意图;
图9是图8所示模块703b的一种具体实施例的结构示意图;
图10根据本申请的计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同;本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请;本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形,意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本申请方案,下面将结合附图,对本申请实施例中的技术方案进行清楚、完整地描述。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving PictureExpertsGroup Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(MovingPictureExperts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
需要说明的是,本申请实施例所提供的列表图片加载改进方法一般由服务器/终端设备执行,相应地,列表图片加载改进装置一般设置于服务器/终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
为了便于理解,首先介绍一下web worker,web worker的作用,就是为JavaScript创造多线程环境,允许主线程创建Worker或SharedWorker线程,将一些任务分配给后者运行。在主线程运行的同时,Worker或SharedWorker线程在后台运行,两者互不干扰。等到Worker或SharedWorker线程完成计算任务,再把结果返回给主线程。其中,主线程创建的Worker线程是常规的web worker,仅能支持单页面上下文的处理功能,例如单个窗口,iframe,而SharedWorker是一种特殊的web worker,可有支持多个浏览器上下文的通信功能,例如多个窗口、iframe。
继续参考图2,示出了根据本申请的列表图片加载改进方法的一个实施例的流程图。所述的列表图片加载改进方法,包括以下步骤:
步骤201,获取从预设的图片管理后台上传的批量待加载图片。
本实施例中,所述图片管理后台中包括批量待加载图片、所述批量待加载图片中各图片的区别标识及所述批量待加载图片中各图片的宽高值。
本实施例中,在执行所述获取从预设的图片管理后台上传的批量待加载图片的步骤之前,所述方法还包括:获取所述批量待加载图片中各图片的宽高值,构建各图片分别对应的宽高哈希值;将各图片分别对应的宽高哈希值,拼接在相对应图片的上传链接字段尾末,形成新的链接字符串。
本实施例中,构建各图片分别对应的宽高哈希值,即便于对宽高值进行对照缓存,也便于在同列多张图片出现大小尺寸不一致时,根据宽高哈希值进行整体等比缩放调整,避免图片缩放缺少缩放依据。
通过将各图片分别对应的宽高哈希值,拼接在相对应图片的上传链接字段尾末,便于上传图片的时候,同时上传图片的宽高值,无需再从实体数据库中获取被上传图片的宽高值,采用拼接方式获取上传图片的宽高值,减少了直接从实体数据库获取宽高值时数据库间的传输资源消耗。
本实施例中,所述获取从预设的图片管理后台上传的批量待加载图片的步骤,具体包括:对所述新的链接字符串进行解析,解析出各图片的上传链接和各图片的宽高哈希值;根据各图片的上传链接获取到上传的各相对应图片。
通过对所述新的链接字符串进行解析,解析出各图片的上传链接,根据所述上传链接获取到各图片。
本实施例中,在执行所述获取从预设的图片管理后台上传的批量待加载图片的步骤之后,所述方法还包括:获取各图片的宽高哈希值和各图片的区别标识;将各图片的宽高哈希值和各相对应图片的区别标识成对缓存至预设的前端缓存区。
通过将各图片的宽高哈希值和各相对应图片的区别标识成对缓存至预设的前端缓存区,便于web worker子线程进行计算处理时,直接从所述前端缓存区获取相关数据,而无需再通过实体数据库传输的方式获取数据,更加方便和减少不同组件间传输时的资源消耗。
步骤202,执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程。
本实施例中,所述执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程的步骤,具体包括:初始化所述web worker脚本,执行所述web worker脚本中预设的web worker对象创建方法,创建web worker对象;根据所述web worker脚本中预设的线程创建方法,创建若干个独立于主线程而运行的子线程。
步骤203,运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
本实施例中,在执行所述运行若干个所述子线程的步骤之前,所述方法还包括:根据预设的前端页面节点解析组件,对所述批量待加载图片待进行加载的页面进行节点解析;获取节点解析结果,并根据所述节点解析结果,识别所述待进行加载的页面中列表窗口的数量。
本实施例中,所述运行若干个所述子线程的步骤,具体包括:若所述待进行加载的页面中列表窗口的数量唯一,则执行所述web worker脚本中预设的Worker方法,运行若干个所述子线程;若所述待进行加载的页面中列表窗口的数量非唯一,则执行所述webworker脚本中预设的SharedWorker方法,运行若干个所述子线程。
通过前端页面节点解析组件,识别出渲染的页面中子页面或列表的个数,根据列表数量的不同分别选择Worker方法或SharedWorker方法运行若干个子线程,避免存在多列表渲染情况下或者多页面渲染情况下,仅仅使用Worker方法,无法完成列表图片渲染。
本实施例中,在执行所述根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息的步骤之前,所述方法还包括:根据预设的事件监听器,监听所述前端缓存区内是否存入了各图片的宽高哈希值和各相对应图片的区别标识;若所述前端缓存区内存入了各图片的宽高哈希值和各相对应图片的区别标识,则对各图片的宽高哈希值进行解析,获取各图片的高度值。
本实施例中,所述预设的事件监听器可以设置于所述web worker对象内,也可以设置在所述前端页面对应的页面对象内。
继续参考图3,图3是图2所示步骤203的一种具体实施例的流程图,包括:
步骤301,根据所述批量待加载图片在目标前端页面内的展示布局,确定所述目标前端页面内图片的展示列数;
步骤302,根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的布局位置;
步骤303,将所述各展示列数中每个展示图片在对应展示列中的布局位置设置为所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
本实施例中,在执行所述根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的列高的步骤之前,所述方法还包括:获取预先根据所述目标前端页面内图片的展示列数而设置的转换数组,其中,所述转换数组包括第一数组和第二数组,所述第一数组、第二数组中元素数量与所述目标前端页面内图片的展示列数相同,所述第一数组中元素值为各展示列内上下相邻图片间的间隔值,所述第二数组中所有初始元素值为0。
通过设置第一数组和第二数组的方式,模拟计算列表图片在渲染时的位置信息动态变化,首先,在设置时,保持第一数组和第二数组内元素的数量都与所述目标前端页面内图片的展示列数相同,即假设目标前端页面内图片的展示列数为4列,则所述第一数组和所述第二数组内的元素数量都为4,其中,第一数组中存储各展示列内上下相邻图片间的间隔值,例如上述的4列展示列为A列、B列、C列和D列,假设A列、B列、C列和D列中同列中上下相邻图片间的间隔值分别为5px、8px、10px、6px,则所述第一数组中元素为[5,8,10,6],同理,所述第二数组初始元素值为[0,0,0,0]。
继续参考图4,图4是图3所示步骤302的一种具体实施例的流程图,包括:
步骤401,获取所述各展示列中当前行展示图片的区别标识;
步骤402,根据所述各展示列中当前行展示图片的区别标识,确定所述各展示列中当前行展示图片的高度值;
步骤403,根据所述各展示列中当前行展示图片的高度值、所述第一数组中元素值和所述第二数组中当前元素值,进行对应求和,将求和结果对应输出到所述第二数组中,更新所述第二数组中当前元素值;
继续参考图5,图5是图4所示步骤403的一个具体实施例的说明示意图,其中,图中501示出所述目标前端页面中的展示列501a、501b、501c;同时也分别示出了所述展示列501a、501b、501c中上下相邻图片间的间隔值15px、0px、10px;此外,所述501还示出了展示列501a、501b、501c中的列表图片布局,其中,展示列501a中展示图片的高度统一为30px,展示列501b中展示图片的高度统一为40px,展示列501c中展示图片的高度统一为35px,图中502示出了所述第一数组中各元素的值,分别为[15px、0px、10px],图中503示出了所述第二数组中当前元素值,其中,所述503a中示出了所述第二数组中初始元素值,所述503b中示出了第一行展示图片高度计算之后所述第二数组中元素值,所述503c中示出了第二行展示图片高度计算之后所述第二数组中元素值,依次类推,更新所述第二数组中当前元素值。
步骤404,将更新后的所述第二数组中当前元素值,作为所述各展示列中当前行展示图片在所述对应展示列中的布局位置。
本实施例中,在执行所述更新所述第二数组中当前元素值的步骤之后,所述方法还包括:获取每次更新后所述第二数组中当前元素值;根据更新的先后顺序,将动态更新的所述第二数组中当前元素值以数组格式为单位从上到下进行排列输出,获取排列输出结果;将所述排列输出结果作为所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
通过获取每一次更新之后所述第二数组中当前元素值,并根据更新先后顺序,将动态更新的所述第二数组中当前元素值以数组格式为单位从上到下进行排列输出,获取排列输出结果,继续参考图6,图6是根据本申请对每次更新之后所述第二数组中当前元素值进行排列输出的一个具体实施例的说明示意图,图中601示出了每次更新之后第二数组中当前元素值,图中602示出了所述排列输出结果,其中,所述排列输出结果可以为图中602a所示的数组输出列,也可以为图中602b所示的矩阵阵列。
步骤204,将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区。
步骤205,运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
通过运行所述主线程,直接从所述目标前端页面的缓存区获取所述排列输出结果,即可直接根据所述排列输出结果设置各个展示列对应图片的渲染位置,无需在主线程中进行运算,减少主线程的计算消耗,将计算任务分配给所述web worker中的若干个子线程,避免了主线程因计算量过多,易造成渲染卡顿和资源消耗。
步骤206,根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。
本申请通过获取从预设的图片管理后台上传的批量待加载图片;执行预设的webworker脚本,创建若干个独立于主线程而运行的子线程;运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。通过主线程创建Worker线程,将一些计算密集型或高延迟的任务分配给Worker线程负担,主线程仅负责U I交互,就会保证列表图片渲染很流畅,不会被阻塞或拖慢,既保证了计算效率也保证了加载效率。
本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中,人工智能(Artificial Intelligence,AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能,感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
本申请实施例中,通过主线程创建Worker线程,将一些计算密集型或高延迟的任务分配给Worker线程负担,主线程仅负责UI交互,就会保证列表图片渲染很流畅,不会被阻塞或拖慢,既保证了计算效率也保证了加载效率。
进一步参考图7,作为对上述图2所示方法的实现,本申请提供了一种列表图片加载改进装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图7所示,本实施例所述的列表图片加载改进装置700包括:图片获取模块701、子线程创建模块702、子线程计算模块703、计算结果缓存模块704、主线程处理模块705和渲染加载模块706。其中:
图片获取模块701,用于获取从预设的图片管理后台上传的批量待加载图片;
子线程创建模块702,用于执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;
子线程计算模块703,用于运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
计算结果缓存模块704,用于将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;
主线程处理模块705,用于运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
渲染加载模块706,用于根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。
在本申请的一些具体的实施方式中,所述的列表图片加载改进装置700还包括子线程计算前置识别模块,所述子线程计算前置识别模块用于根据预设的前端页面节点解析组件,对所述批量待加载图片待进行加载的页面进行节点解析;还用于获取节点解析结果,并根据所述节点解析结果,识别所述待进行加载的页面中列表窗口的数量。
在本申请的一些具体的实施方式中,所述的列表图片加载改进装置700还包括子线程执行方法选择模块,所述子线程执行方法选择模块用于若所述待进行加载的页面中列表窗口的数量唯一,则执行所述web worker脚本中预设的Worker方法,运行若干个所述子线程;还用于若所述待进行加载的页面中列表窗口的数量非唯一,则执行所述web worker脚本中预设的SharedWorker方法,运行若干个所述子线程。
在本申请的一些具体的实施方式中,所述的列表图片加载改进装置700还包括缓存监听模块,所述缓存监听模块用于根据预设的事件监听器,监听所述前端缓存区内是否存入了各图片的宽高哈希值和各相对应图片的区别标识。
在本申请的一些具体的实施方式中,所述的列表图片加载改进装置700还包括监听响应模块,所述监听响应模块用于若所述前端缓存区内存入了各图片的宽高哈希值和各相对应图片的区别标识,则对各图片的宽高哈希值进行解析,获取各图片的高度值。
继续参考图8,图8是图7所示模块703的一种具体实施例的结构示意图,所述子线程计算模块703包括展示列数确定子模块703a、图片布局计算子模块703b和布局位置设置子模块703c,其中,
展示列数确定子模块703a,用于根据所述批量待加载图片在目标前端页面内的展示布局,确定所述目标前端页面内图片的展示列数;
图片布局计算子模块703b,用于根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的布局位置;
布局位置设置子模块703c,用于将所述各展示列数中每个展示图片在对应展示列中的布局位置设置为所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
继续参考图9,图9是图8所示模块703b的一种具体实施例的结构示意图,所述图片布局计算子模块703b包括图片区别标识获取单元901、图片高度值确定单元902、数组运算更新单元903和布局位置确定单元904,其中,
图片区别标识获取单元901,用于获取所述各展示列中当前行展示图片的区别标识;
图片高度值确定单元902,用于根据所述各展示列中当前行展示图片的区别标识,确定所述各展示列中当前行展示图片的高度值;
数组运算更新单元903,用于根据所述各展示列中当前行展示图片的高度值、所述第一数组中元素值和所述第二数组中当前元素值,进行对应求和,将求和结果对应输出到所述第二数组中,更新所述第二数组中当前元素值;
布局位置确定单元904,用于将更新后的所述第二数组中当前元素值,作为所述各展示列中当前行展示图片在所述对应展示列中的布局位置。
本申请通过获取从预设的图片管理后台上传的批量待加载图片;执行预设的webworker脚本,创建若干个独立于主线程而运行的子线程;运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。通过主线程创建Worker线程,将一些计算密集型或高延迟的任务分配给Worker线程负担,主线程仅负责UI交互,就会保证列表图片渲染很流畅,不会被阻塞或拖慢,既保证了计算效率也保证了加载效率。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机可读指令来指令相关的硬件来完成,该计算机可读指令可存储于计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
为解决上述技术问题,本申请实施例还提供计算机设备。具体请参阅图10,图10为本实施例计算机设备基本结构框图。
所述计算机设备10包括通过系统总线相互通信连接存储器10a、处理器10b、网络接口10c。需要指出的是,图中仅示出了具有组件10a-10c的计算机设备10,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程门阵列(Field-Programmable Gate Array,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器10a至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器10a可以是所述计算机设备10的内部存储单元,例如该计算机设备10的硬盘或内存。在另一些实施例中,所述存储器10a也可以是所述计算机设备10的外部存储设备,例如该计算机设备10上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。当然,所述存储器10a还可以既包括所述计算机设备10的内部存储单元也包括其外部存储设备。本实施例中,所述存储器10a通常用于存储安装于所述计算机设备10的操作系统和各类应用软件,例如列表图片加载改进方法的计算机可读指令等。此外,所述存储器10a还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器10b在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器10b通常用于控制所述计算机设备10的总体操作。本实施例中,所述处理器10b用于运行所述存储器10a中存储的计算机可读指令或者处理数据,例如运行所述列表图片加载改进方法的计算机可读指令。
所述网络接口10c可包括无线网络接口或有线网络接口,该网络接口10c通常用于在所述计算机设备10与其他电子设备之间建立通信连接。
本实施例提出的计算机设备,属于前端渲染过程优化技术领域。本申请通过获取从预设的图片管理后台上传的批量待加载图片;执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。通过主线程创建Worker线程,将一些计算密集型或高延迟的任务分配给Worker线程负担,主线程仅负责UI交互,就会保证列表图片渲染很流畅,不会被阻塞或拖慢,既保证了计算效率也保证了加载效率。
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,所述计算机可读指令可被处理器执行,以使所述处理器执行如上述的列表图片加载改进方法的步骤。
本实施例提出的计算机可读存储介质,属于前端渲染过程优化技术领域。本申请通过获取从预设的图片管理后台上传的批量待加载图片;执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。通过主线程创建Worker线程,将一些计算密集型或高延迟的任务分配给Worker线程负担,主线程仅负责UI交互,就会保证列表图片渲染很流畅,不会被阻塞或拖慢,既保证了计算效率也保证了加载效率。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
显然,以上所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例,附图中给出了本申请的较佳实施例,但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现,相反地,提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明,对于本领域的技术人员来而言,其依然可以对前述各具体实施方式所记载的技术方案进行修改,或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理在本申请专利保护范围之内。
Claims (10)
1.一种列表图片加载改进方法,其特征在于,包括下述步骤:
获取从预设的图片管理后台上传的批量待加载图片;
执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;
运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;
运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。
2.根据权利要求1所述的列表图片加载改进方法,其特征在于,所述图片管理后台中包括批量待加载图片、所述批量待加载图片中各图片的区别标识及所述批量待加载图片中各图片的宽高值,在执行所述获取从预设的图片管理后台上传的批量待加载图片的步骤之前,所述方法还包括:
获取所述批量待加载图片中各图片的宽高值,构建各图片分别对应的宽高哈希值;
将各图片分别对应的宽高哈希值,拼接在相对应图片的上传链接字段尾末,形成新的链接字符串;
所述获取从预设的图片管理后台上传的批量待加载图片的步骤,具体包括:
对所述新的链接字符串进行解析,解析出各图片的上传链接和各图片的宽高哈希值;
根据各图片的上传链接获取到上传的各相对应图片;
在执行所述获取从预设的图片管理后台上传的批量待加载图片的步骤之后,所述方法还包括:
获取各图片的宽高哈希值和各图片的区别标识;
将各图片的宽高哈希值和各相对应图片的区别标识成对缓存至预设的前端缓存区。
3.根据权利要求1所述的列表图片加载改进方法,其特征在于,所述执行预设的webworker脚本,创建若干个独立于主线程而运行的子线程的步骤,具体包括:
初始化所述web worker脚本,执行所述web worker脚本中预设的web worker对象创建方法,创建web worker对象;
根据所述web worker脚本中预设的线程创建方法,创建若干个独立于主线程而运行的子线程。
4.根据权利要求1所述的列表图片加载改进方法,其特征在于,在执行所述运行若干个所述子线程的步骤之前,所述方法还包括:
根据预设的前端页面节点解析组件,对所述批量待加载图片待进行加载的页面进行节点解析;
获取节点解析结果,并根据所述节点解析结果,识别所述待进行加载的页面中列表窗口的数量;
所述运行若干个所述子线程的步骤,具体包括:
若所述待进行加载的页面中列表窗口的数量唯一,则执行所述web worker脚本中预设的Worker方法,运行若干个所述子线程;
若所述待进行加载的页面中列表窗口的数量非唯一,则执行所述web worker脚本中预设的SharedWorker方法,运行若干个所述子线程。
5.根据权利要求2所述的列表图片加载改进方法,其特征在于,在执行所述根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息的步骤之前,所述方法还包括:
根据预设的事件监听器,监听所述前端缓存区内是否存入了各图片的宽高哈希值和各相对应图片的区别标识;
若所述前端缓存区内存入了各图片的宽高哈希值和各相对应图片的区别标识,则对各图片的宽高哈希值进行解析,获取各图片的高度值;
所述展示布局包括所述目标前端页面内图片的展示列数,所述根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息的步骤,具体包括:
根据所述批量待加载图片在目标前端页面内的展示布局,确定所述目标前端页面内图片的展示列数;
根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的布局位置;
将所述各展示列数中每个展示图片在对应展示列中的布局位置设置为所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
6.根据权利要求5所述的列表图片加载改进方法,其特征在于,在执行所述根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的列高的步骤之前,所述方法还包括:
获取预先根据所述目标前端页面内图片的展示列数而设置的转换数组,其中,所述转换数组包括第一数组和第二数组,所述第一数组、第二数组中元素数量与所述目标前端页面内图片的展示列数相同,所述第一数组中元素值为各展示列内上下相邻图片间的间隔值,所述第二数组中所有初始元素值为0;
所述展示布局还包括所述各展示列中展示图片的区别标识,所述根据各图片的高度值,分别统计各展示列数中每个展示图片在对应展示列中的布局位置的步骤,具体包括:
获取所述各展示列中当前行展示图片的区别标识;
根据所述各展示列中当前行展示图片的区别标识,确定所述各展示列中当前行展示图片的高度值;
根据所述各展示列中当前行展示图片的高度值、所述第一数组中元素值和所述第二数组中当前元素值,进行对应求和,将求和结果对应输出到所述第二数组中,更新所述第二数组中当前元素值;
将更新后的所述第二数组中当前元素值,作为所述各展示列中当前行展示图片在所述对应展示列中的布局位置。
7.根据权利要求6所述的列表图片加载改进方法,其特征在于,在执行所述更新所述第二数组中当前元素值的步骤之后,所述方法还包括:
获取每次更新后所述第二数组中当前元素值;
根据更新的先后顺序,将动态更新的所述第二数组中当前元素值以数组格式为单位从上到下进行排列输出,获取排列输出结果;
将所述排列输出结果作为所述批量待加载图片中各图片在所述目标前端页面中的位置信息。
8.一种列表图片加载改进装置,其特征在于,包括:
图片获取模块,用于获取从预设的图片管理后台上传的批量待加载图片;
子线程创建模块,用于执行预设的web worker脚本,创建若干个独立于主线程而运行的子线程;
子线程计算模块,用于运行若干个所述子线程,并根据所述批量待加载图片在目标前端页面内的展示布局,计算所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
计算结果缓存模块,用于将所述批量待加载图片中各图片在所述目标前端页面中的位置信息缓存至所述目标前端页面的缓存区;
主线程处理模块,用于运行所述主线程,从所述目标前端页面的缓存区获取所述批量待加载图片中各图片在所述目标前端页面中的位置信息;
渲染加载模块,用于根据所述位置信息,将所述批量待加载图片渲染至所述目标前端页面内,完成列表图片加载。
9.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的列表图片加载改进方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的列表图片加载改进方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310413529.5A CN116450271A (zh) | 2023-04-11 | 2023-04-11 | 列表图片加载改进方法、装置、设备及其存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310413529.5A CN116450271A (zh) | 2023-04-11 | 2023-04-11 | 列表图片加载改进方法、装置、设备及其存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116450271A true CN116450271A (zh) | 2023-07-18 |
Family
ID=87133303
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310413529.5A Pending CN116450271A (zh) | 2023-04-11 | 2023-04-11 | 列表图片加载改进方法、装置、设备及其存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116450271A (zh) |
-
2023
- 2023-04-11 CN CN202310413529.5A patent/CN116450271A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112749758A (zh) | 图像处理方法、神经网络的训练方法、装置、设备和介质 | |
CN116431878A (zh) | 向量检索服务方法、装置、设备及其存储介质 | |
CN117271121A (zh) | 一种任务处理进度控制方法、装置、设备及其存储介质 | |
CN116450723A (zh) | 数据提取方法、装置、计算机设备及存储介质 | |
CN116483425A (zh) | 微服务灰度发版方法、装置、设备及其存储介质 | |
CN116383787A (zh) | 页面创建方法、装置、计算机设备及存储介质 | |
CN116450271A (zh) | 列表图片加载改进方法、装置、设备及其存储介质 | |
CN115756692A (zh) | 基于样式属性自动组合展示页面的方法及其相关设备 | |
CN115185625A (zh) | 基于可配置卡片的自推荐式界面更新方法及其相关设备 | |
CN116628128B (zh) | 一种供应链数据标准化方法、装置、设备及其存储介质 | |
CN117234769A (zh) | 一种页面白屏事件处理方法、装置、设备及其存储介质 | |
CN116662418A (zh) | 基于配置化的报表实现方法、装置、设备及其存储介质 | |
CN115756693A (zh) | 相似卡片间可变子组件的转换控制方法及其相关设备 | |
CN115828846A (zh) | 展示页面字体处理方法及其相关设备 | |
CN116594599A (zh) | Vue项目文件扫描展示方法、装置、设备及其存储介质 | |
CN117234505A (zh) | 一种交互页面生成方法、装置、设备及其存储介质 | |
CN116450687A (zh) | 保险产品操作信息发布通知方法及其相关设备 | |
CN116795882A (zh) | 数据获取方法、装置、计算机设备及存储介质 | |
CN117675794A (zh) | 一种任务进度管理方法、装置、计算机设备及存储介质 | |
CN117806738A (zh) | 基于微链路模型的业务调度方法、装置、设备及存储介质 | |
CN116775671A (zh) | 数据自动化转存方法、装置、设备及其存储介质 | |
CN117828221A (zh) | 一种基于埋点技术的页面事件统计方法及其相关设备 | |
CN116933733A (zh) | 一种文本输入展示方法、装置、设备及其存储介质 | |
CN118096399A (zh) | 一种业务推荐方法、装置、设备及其存储介质 | |
CN117216114A (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 |