CN116185545A - 一种页面渲染的方法及装置 - Google Patents

一种页面渲染的方法及装置 Download PDF

Info

Publication number
CN116185545A
CN116185545A CN202310119714.3A CN202310119714A CN116185545A CN 116185545 A CN116185545 A CN 116185545A CN 202310119714 A CN202310119714 A CN 202310119714A CN 116185545 A CN116185545 A CN 116185545A
Authority
CN
China
Prior art keywords
data
rendering
rendered
page
sub
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
Application number
CN202310119714.3A
Other languages
English (en)
Inventor
张振振
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai 100me Network Technology Co ltd
Original Assignee
Shanghai 100me Network Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shanghai 100me Network Technology Co ltd filed Critical Shanghai 100me Network Technology Co ltd
Priority to CN202310119714.3A priority Critical patent/CN116185545A/zh
Publication of CN116185545A publication Critical patent/CN116185545A/zh
Pending legal-status Critical Current

Links

Images

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/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/22—Indexing; Data structures therefor; Storage structures
    • G06F16/2228—Indexing structures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/24—Querying
    • G06F16/242—Query formulation
    • G06F16/2433—Query languages
    • G06F16/244—Grouping and aggregation
    • 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/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/546—Message passing systems or structures, e.g. queues
    • 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)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Mathematical Physics (AREA)
  • Computational Linguistics (AREA)
  • Image Generation (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请实施例提供一种页面渲染的方法及装置，应用在互联网技术领域，包括：获取待渲染页面的待渲染数据；对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，每个数据组包括至少一个数据单元；将所述多个数据组添加至相应的多个渲染任务队列中；针对多个渲染任务队列，依次执行以下操作：对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果。本申请通过将待渲染页面的待渲染数据分批次进行渲染和展示，将先渲染的数据先进行展示，有效解决因数据量过大造成显示页面出现白屏和卡顿的现象，提高了页面渲染和页面展示的效率。

Description

一种页面渲染的方法及装置
技术领域
本发明涉及互联网技术领域，具体涉及一种页面渲染的方法及装置。
背景技术
随着互联网技术的快速发展，应用程序中的页面元素的数量越来越多。针对网页、客户端、小程序等形式的应用程序，应用程序在进行页面展示的过程中，随着页面数据量的增加，页面的渲染压力相应加重，从而导致在显示页面过程，容易出现白屏、页面渲染时间长和卡顿的现象。
因此，如何提高显示页面渲染效率是当前亟需解决的技术问题。
发明内容
本申请实施例提供了一种页面渲染的方法及装置，用于。
第一方面，本申请实施例提供了一种页面渲染方法，包括：
获取待渲染页面的待渲染数据；
对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，每个数据组包括至少一个数据单元；
将所述多个数据组添加至相应的多个渲染任务队列中；
针对多个渲染任务队列，依次执行以下操作：对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果。
本申请通过将待渲染页面的待渲染数据分批次进行渲染和展示，将先渲染数据先进行展示，有效解决因数据量过大造成显示页面出现白屏和卡顿的现象，提高了页面渲染和页面展示的效率。
可选地，所述多个渲染任务队列的渲染顺序是基于所述多个渲染任务队列的队列优先级确定的。
可选地，所述对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，包括：
按照所述多个数据单元的数据优先级，对所述待渲染数据中的多个数据单元进行分组，得到多个数据组。
可选地，所述将所述多个数据组添加至相应的多个渲染任务队列中，包括：
基于所述多个数据组的优先级，将所述多个数据组分别添加至相应队列优先级的渲染任务队列中，所述数据组的优先级是基于所述数据组中的数据单元的数据优先级确定的。
可选地，所述对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果，包括：
将所述数据组中的每个数据单元划分为多个子数据内容；
对获得的多个子数据内容建立索引，获得所述多个子数据内容各自对应的索引值；
按照所述多个子数据内容的索引值，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
可选地，所述按照所述多个子数据内容的索引值，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果，包括：
按照所述多个子数据内容的索引值从小到大的顺序，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
可选地，每个子数据内容的索引值为正整数。
第二方面，本申请实施例提供了一种页面渲染的装置，包括：
获取模块，用于获取待渲染页面的待渲染数据；
处理模块，用于对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，每个数据组包括至少一个数据单元；
所述处理模块，还用于将所述多个数据组添加至相应的多个渲染任务队列中；
渲染模块，用于针对多个渲染任务队列，依次执行以下操作：对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果。
本申请通过将待渲染页面的待渲染数据分批次进行渲染和展示，将先渲染数据先进行展示，有效解决因数据量过大造成显示页面出现白屏和卡顿的现象，提高了页面渲染和页面展示的效率。
可选地，所述渲染模块具体用于：
所述多个渲染任务队列的渲染顺序是基于所述多个渲染任务队列的队列优先级确定的。
可选地，所述处理模块具体用于：
按照所述多个数据单元的数据优先级，对所述待渲染数据中的多个数据单元进行分组，得到多个数据组。
可选地，所述处理模块具体用于：
基于所述多个数据组的优先级，将所述多个数据组分别添加至相应队列优先级的渲染任务队列中，所述数据组的优先级是基于所述数据组中的数据单元的数据优先级确定的。
可选地，所述渲染模块具体用于：
将所述数据组中的每个数据单元划分为多个子数据内容；
对获得的多个子数据内容建立索引，获得所述多个子数据内容各自对应的索引值；
按照所述多个子数据内容的索引值，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
可选地，所述渲染模块具体用于：
按照所述多个子数据内容的索引值从小到大的顺序，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
可选地，所述渲染模块具体用于：
每个子数据内容的索引值为正整数。
第三方面，本申请实施例提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行上述第一方面任意所述的页面渲染的方法。
第四方面，本申请实施例提供了一种计算机可读存储介质，其存储有可由计算机设备执行的计算机程序，当所述程序在计算机设备上运行时，使得所述计算机设备执行上述第一方面任意所述的页面渲染的方法。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种页面渲染***架构示意图；
图2为本发明实施例提供的一种页面渲染的方法流程示意图；
图3为本发明实施例提供的一种页面渲染的装置的结构示意图；
图4为本发明实施例提供的一种计算设备的结构示意图。
具体实施方式
为了使本发明的目的、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
参见图1，其为本申请实施例使用的一种页面渲染的***架构图，该页面渲染***100包括终端设备101和服务器102，其中终端设备101可以是智能手机、平板电脑、笔记本电脑、台式计算机等，但并不局限于此；终端设备101用于展示渲染后的页面。服务器102可以是独立的物理服务端，也可以是多个物理服务端构成的服务端集群或者分布式***，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务端。
终端设备101和服务器102可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。
基于上述***架构，图2示例性的示出了一种页面渲染方法的流程，包括以下步骤：
步骤S201，获取待渲染页面的待渲染数据。
具体地，从数据库中获取待渲染页面的待渲染数据，其中，数据库包括MySQL、HBase、Hive。待渲染页面可以为各类网页、客户端、小程序中的某一页展示面。
步骤S202，对待渲染数据中的多个数据单元进行分组，得到多个数据组，每个数据组包括至少一个数据单元。
具体地，在待渲染页面中包含多个页面展示部分，每个页面展示部分对应有一个数据单元。对待渲染数据中的多个数据单元进行切分，得到多个数据组，每个数据组中包含至少一个数据单元。其中，可以根据数据单元的属性进行分组。例如，数据单元的属性为数据单元对应的页面展示部分在待渲染页面中的位置，分为金刚位和横幅位(又称为banner位)，金刚位指的是app页面上部的核心功能区，以宫格形式进行排列；banner位通常位于待渲染页面的中心，用于反映待渲染页面的中心主题。
步骤S203，将多个数据组添加至相应的多个渲染任务队列中。
具体地，将每个数据组添加至相应的渲染任务队列中，每个渲染任务队列中有一个数据组，每个数据组中包括至少一个数据单元。
步骤S204，针对多个渲染任务队列，依次执行以下操作：对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果。
具体地，将多个渲染任务队列中的第一个任务队列中的数据组进行渲染，渲染完获得渲染结果，将该渲染结果进行展示；再执行下一个任务队列中的数据组的渲染和展示，当最后一个任务队列渲染并展示后，停止上述操作。
本申请通过将待渲染页面的待渲染数据分批次进行渲染和展示，将先渲染数据先进行展示，有效解决因数据量过大造成显示页面出现白屏和卡顿的现象，提高了页面渲染和页面展示的效率。
在一些实施例中，多个渲染任务队列的渲染顺序是基于多个渲染任务队列的队列优先级确定的。
具体地，多个渲染任务队列之间存在渲染顺序，渲染顺序是根据渲染任务队列的队列优先级确定的，一个渲染任务队列的队列优先级越高，则优先对该渲染任务队列进行渲染。举例来说，有5个渲染任务队列，分别为渲染任务队列1、渲染任务队列2、渲染任务队列3、渲染任务队列4、渲染任务队列5，上述5个渲染任务队列对应的队列优先级分别由高变低，因此，对上述5个渲染任务队列进行渲染的顺序为：渲染任务队列1、渲染任务队列2、渲染任务队列3、渲染任务队列4、渲染任务队列5。
在一些实施例中，对待渲染数据中的多个数据单元进行分组，得到多个数据组，包括：按照多个数据单元的数据优先级，对待渲染数据中的多个数据单元进行分组，得到多个数据组。
具体地，数据单元的数据优先级是根据该数据单元对应的页面展示部分在待渲染页面中的重要程度确认的，即在待渲染页面中，核心页面展示部分的数据单元的优先级最高，在待渲染页面中，存在至少一个核心页面展示内容。对待渲染数据中的多个数据单元进行分组，得到多个数据组，其中，数据组的个数根据具体使用场景，通过JavaScript(即时编译型的编程语言,简称JS)在入口的function进行自定义，每各数据组中的数据单元的个数也通过JavaScript进行自定义。对于一个数据组中的数据单元，优先级可以相同，也可以为不同。
举例来说，有5个数据单元分别为：数据单元A、数据单元B、数据单元C、数据单元D、数据单元E；将上述5个数据单元按照优先级由高到低进行排序，得到如下顺序：数据单元B、数据单元C、数据单元A、数据单元D、数据单元E；定义将上述5个数据单元分到两个数据组中，则在第一个数据组中有数据单元B、数据单元C、数据单元A；在第二个数据组中有数据单元D、数据单元E。
在另外一种可能的实施例中，有5个数据单元分别为：数据单元A、数据单元B、数据单元C、数据单元D、数据单元E；其中，数据单元A、数据单元B的优先级相同且优先级最高、数据单元C、数据单元D优先级相同且优先级次之、数据单元E优先级最低。定义将上述5个数据单元分到三个数据组中，则在第一个数据组中有数据单元A、数据单元B；在第二个数据组中有数据单元C、数据单元D；在第三个数据组中有数据单元E。
在一些实施例中，将多个数据组添加至相应的多个渲染任务队列中，包括：基于多个数据组的优先级，将多个数据组分别添加至相应队列优先级的渲染任务队列中，数据组的优先级是基于数据组中的数据单元的数据优先级确定的。
具体地，根据数据组中的至少一个数据单元具有的优先级，可以得到多个数据组的优先级，根据得到的数据组的优先级，将数据组分别添加到相应队列优先级的渲染任务队列中。
举例来说，有5个数据单元，按照优先级由高到低进行排序，得到的顺序为：数据单元B、数据单元C、数据单元A、数据单元D、数据单元E。定义将上述5个数据单元分到三个数据组中，在第一个数据组中有数据单元B；在第二个数据组中有数据单元C、数据单元A；在第三个数据组中有数据单元D、数据单元E。根据数据单元的优先级，可以得到第一个数据组的优先级高于第二个数据组，第二个数据组的优先级高于第个三数据组。定义有三个渲染任务队列，三个渲染任务队列根据优先级由高到低的顺序进行排列，得到：渲染任务队列1、渲染任务队列2、渲染任务队列3。基于三个数据组的优先级，将三个数据组分别添加至相应队列优先级的渲染任务队列中，即将第一数据组添加至渲染任务队列1、第二数据组添加至渲染任务队列2、第三数据组添加至渲染任务队列3。
在一些实施例中，对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果，包括：将数据组中的每个数据单元划分为多个子数据内容；对获得的多个子数据内容建立索引，获得多个子数据内容各自对应的索引值；按照多个子数据内容的索引值，依次对多个子数据内容进行渲染，获得数据组的渲染结果并展示渲染结果。
具体地，将数据组中的每个数据单元划分为多个子数据内容，使用index参数对每个子数据内容建立索引，基于每个子数据内容各自对应的索引值，依次对一个数据组中的每个子数据内容进行渲染，直至一个数据组中的所有子数据内容渲染完毕后，获得数据组的渲染结果并将数据组的渲染结果进行展示。
在一些实施例中，按照多个子数据内容的索引值，依次对多个子数据内容进行渲染，获得数据组的渲染结果并展示渲染结果，包括：按照多个子数据内容的索引值从小到大的顺序，依次对多个子数据内容进行渲染，获得数据组的渲染结果并展示渲染结果。
具体地，首先对index参数进行赋值，得到一个初始index值，初始index值对应第一个子数据内容，基于初始index值对第一自数据内容进行渲染，并展示渲染结果；初始index值进行递增，得到index+1,index+1对应第二个子数据内容，基于index+1值对第二个子数据内容进行渲染，并展示渲染结果；index+1值进行递增，得到index+2,index+2对应第三个子数据内容，基于index+2值对第三个子数据内容进行渲染，并展示渲染结果。直至一个数据组中的所有的子数据内容进行渲染完毕，得到数据组的渲染结果，将数据组的渲染结果进行展示。
在一些实施例中，每个子数据内容的索引值为正整数。
具体地，只有在子数据内容的索引值大于等于1时，才会对该索引值对应的子数据内容进行渲染。
基于相同的技术构思，本申请实施例提供了一种页面渲染的装置的结构示意图，如图3所示，该装置300包括：
获取模块301，用于获取待渲染页面的待渲染数据；
处理模块302，用于对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，每个数据组包括至少一个数据单元；
所述处理模块302，还用于将所述多个数据组添加至相应的多个渲染任务队列中；
渲染模块303，用于针对多个渲染任务队列，依次执行以下操作：对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果。
本申请通过将待渲染页面的待渲染数据分批次进行渲染和展示，将先渲染数据先进行展示，有效解决因数据量过大造成显示页面出现白屏和卡顿的现象，提高了页面渲染和页面展示的效率。
可选地，所述渲染模块303具体用于：
所述多个渲染任务队列的渲染顺序是基于所述多个渲染任务队列的队列优先级确定的。
可选地，所述处理模块302具体用于：
按照所述多个数据单元的数据优先级，对所述待渲染数据中的多个数据单元进行分组，得到多个数据组。
可选地，所述处理模块302具体用于：
基于所述多个数据组的优先级，将所述多个数据组分别添加至相应队列优先级的渲染任务队列中，所述数据组的优先级是基于所述数据组中的数据单元的数据优先级确定的。
可选地，所述渲染模块303具体用于：
将所述数据组中的每个数据单元划分为多个子数据内容；
对获得的多个子数据内容建立索引，获得所述多个子数据内容各自对应的索引值；
按照所述多个子数据内容的索引值，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
可选地，所述渲染模块303具体用于：
按照所述多个子数据内容的索引值从小到大的顺序，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
可选地，所述渲染模块303具体用于：
每个子数据内容的索引值为正整数。
本申请通过将待渲染页面的待渲染数据分批次进行渲染和展示，将先渲染数据先进行展示，有效解决因数据量过大造成显示页面出现白屏和卡顿的现象，提高了页面渲染和页面展示的效率。
基于相同的技术构思，本申请实施例提供了一种计算机设备，如图4所示，包括至少一个处理器401，以及与至少一个处理器连接的存储器402，本申请实施例中不限定处理器401与存储器402之间的具体连接介质，图4中处理器401和存储器402之间通过总线连接为例。总线可以分为地址总线、数据总线、控制总线等。
在本申请实施例中，存储器402存储有可被至少一个处理器401执行的指令，至少一个处理器401通过执行存储器402存储的指令，可以执行上述页面渲染方法的步骤。
其中，处理器401是计算机设备的控制中心，可以利用各种接口和线路连接计算机设备的各个部分，通过运行或执行存储在存储器402内的指令以及调用存储在存储器402内的数据，从而实现将待渲染数据进行分批渲染，将页面的核心内容最先展示。可选的，处理器401可包括一个或多个处理单元，处理器401可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器401中。在一些实施例中，处理器401和存储器402可以在同一芯片上实现，在一些实施例中，它们也可以在独立的芯片上分别实现。
处理器401可以是通用处理器，例如中央处理器(CPU)、数字信号处理器、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件，可以实现或者执行本申请实施例中公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。
存储器402作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块。存储器402可以包括至少一种类型的存储介质，例如可以包括闪存、硬盘、多媒体卡、卡型存储器、随机访问存储器(Random AccessMemory，RAM)、静态随机访问存储器(Static Random Access Memory，SRAM)、可编程只读存储器(Programmable Read Only Memory，PROM)、只读存储器(Read Only Memory，ROM)、带电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，EEPROM)、磁性存储器、磁盘、光盘等等。存储器402是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。本申请实施例中的存储器402还可以是电路或者其它任意能够实现存储功能的装置，用于存储程序指令和/或数据。
基于同一发明构思，本申请实施例提供了一种计算机可读存储介质，其存储有可由计算机设备执行的计算机程序，当程序在计算机设备上运行时，使得计算机设备执行上述页面渲染方法的步骤。
本领域内的技术人员应明白，本申请的实施例可提供为方法、***、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (10)

1.一种页面渲染方法，其特征在于，包括：
获取待渲染页面的待渲染数据；
对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，每个数据组包括至少一个数据单元；
将所述多个数据组添加至相应的多个渲染任务队列中；
针对多个渲染任务队列，依次执行以下操作：对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果。
2.如权利要求1所述的方法，其特征在于，所述多个渲染任务队列的渲染顺序是基于所述多个渲染任务队列的队列优先级确定的。
3.如权利要求2所述的方法，其特征在于，所述对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，包括：
按照所述多个数据单元的数据优先级，对所述待渲染数据中的多个数据单元进行分组，得到多个数据组。
4.如权利要求3所述的方法，其特征在于，所述将所述多个数据组添加至相应的多个渲染任务队列中，包括：
基于所述多个数据组的优先级，将所述多个数据组分别添加至相应队列优先级的渲染任务队列中，所述数据组的优先级是基于所述数据组中的数据单元的数据优先级确定的。
5.如权利要求1至4任一所述的方法，其特征在于，所述对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果，包括：
将所述数据组中的每个数据单元划分为多个子数据内容；
对获得的多个子数据内容建立索引，获得所述多个子数据内容各自对应的索引值；
按照所述多个子数据内容的索引值，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
6.如权利要求5所述的方法，其特征在于，所述按照所述多个子数据内容的索引值，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果，包括：
按照所述多个子数据内容的索引值从小到大的顺序，依次对所述多个子数据内容进行渲染，获得所述数据组的渲染结果并展示所述渲染结果。
7.如权利要求5所述的方法，其特征在于，每个子数据内容的索引值为正整数。
8.一种页面渲染装置，其特征在于，包括：
获取模块，用于获取待渲染页面的待渲染数据；
处理模块，用于对所述待渲染数据中的多个数据单元进行分组，得到多个数据组，每个数据组包括至少一个数据单元；
所述处理模块，还用于将所述多个数据组添加至相应的多个渲染任务队列中；
渲染模块，用于针对多个渲染任务队列，依次执行以下操作：对渲染任务队列中的数据组进行渲染以及展示相应获得的渲染结果。
9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1～7任一权利要求所述方法的步骤。
10.一种计算机可读存储介质，其特征在于，其存储有可由计算机设备执行的计算机程序，当所述程序在计算机设备上运行时，使得所述计算机设备执行权利要求1～7任一所述方法的步骤。
CN202310119714.3A 2023-02-14 2023-02-14 一种页面渲染的方法及装置 Pending CN116185545A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310119714.3A CN116185545A (zh) 2023-02-14 2023-02-14 一种页面渲染的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310119714.3A CN116185545A (zh) 2023-02-14 2023-02-14 一种页面渲染的方法及装置

Publications (1)

Publication Number Publication Date
CN116185545A true CN116185545A (zh) 2023-05-30

Family

ID=86436101

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310119714.3A Pending CN116185545A (zh) 2023-02-14 2023-02-14 一种页面渲染的方法及装置

Country Status (1)

Country Link
CN (1) CN116185545A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117473188A (zh) * 2023-12-28 2024-01-30 中移(苏州)软件技术有限公司 一种显示数据的渲染方法、装置、电子设备及存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117473188A (zh) * 2023-12-28 2024-01-30 中移(苏州)软件技术有限公司 一种显示数据的渲染方法、装置、电子设备及存储介质
CN117473188B (zh) * 2023-12-28 2024-04-09 中移(苏州)软件技术有限公司 一种显示数据的渲染方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN106021421B (zh) 一种加速网页渲染的方法及装置
CN111444455A (zh) 浏览器兼容方法、***、计算机设备及存储介质
RU2605041C2 (ru) Способы и системы для отображения тем микроблогов
CN110633437B (zh) 一种多行省略显示的方法及装置
CN116185545A (zh) 一种页面渲染的方法及装置
CN111104117A (zh) 页面主题风格切换方法、装置、电子设备及计算机存储介质
CN111553847B (zh) 图像处理方法及装置
CN110688223B (zh) 数据处理方法及相关产品
CN109871260B (zh) 一种基于容器间共享内存的多维度服务限流方法及***
CN111427887A (zh) 一种快速扫描HBase分区表的方法、装置、***
CN111159985A (zh) 数据导出方法、装置、计算机设备和计算机可读存储介质
CN107977923B (zh) 图像处理方法、装置、电子设备及计算机可读存储介质
CN112528189B (zh) 基于数据的组件封装方法、装置、计算机设备及存储介质
CN116126862A (zh) 一种数据表的关联方法、装置、设备及存储介质
CN115827115A (zh) 微信小程序的h5页面跳转方法、装置、设备及存储介质
CN114925127A (zh) 级联结构数据的二维图表生成方法、装置、存储介质
CN111858542B (zh) 数据处理方法、装置、设备及计算机可读存储介质
CN109213821B (zh) 数据处理方法及***
CN112035656A (zh) 文档快速预览的方法、装置、计算机设备及介质
CN110019198B (zh) 数据查询方法和装置
CN113515495B (zh) 数据文件分配方法及装置、智能设备和计算机存储介质
CN112835931A (zh) 一种确定数据获取频率的方法及装置
CN114139078B (zh) 网页中元素提取方法、装置、计算机设备及可读存储介质
US20240078222A1 (en) Selective Addition of Datum to a Tree Data Structure
CN117453317B (zh) 一种h5页面的渲染加速方法及***

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