CN112182452A - 页面组件渲染处理方法、装置、设备及计算机可读介质 - Google Patents
页面组件渲染处理方法、装置、设备及计算机可读介质 Download PDFInfo
- Publication number
- CN112182452A CN112182452A CN202011033891.2A CN202011033891A CN112182452A CN 112182452 A CN112182452 A CN 112182452A CN 202011033891 A CN202011033891 A CN 202011033891A CN 112182452 A CN112182452 A CN 112182452A
- Authority
- CN
- China
- Prior art keywords
- request
- instance
- preset
- network
- queue
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 88
- 238000003672 processing method Methods 0.000 title claims description 20
- 238000012545 processing Methods 0.000 claims abstract description 89
- 238000000034 method Methods 0.000 claims abstract description 48
- 230000001960 triggered effect Effects 0.000 claims description 54
- 238000004590 computer program Methods 0.000 claims description 19
- 230000004044 response Effects 0.000 claims description 9
- 230000008569 process Effects 0.000 description 15
- 238000010586 diagram Methods 0.000 description 8
- 230000000903 blocking effect Effects 0.000 description 7
- 238000013461 design Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 230000007704 transition Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000000926 separation method Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000000712 assembly Effects 0.000 description 1
- 238000000429 assembly Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000015556 catabolic process Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000013178 mathematical model Methods 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请属于数据处理技术领域，本申请提供了一种页面组件渲染处理方法、装置、计算机设备及计算机可读存储介质。通过响应于页面组件中所包含的实例进行渲染所对应的网络请求，将网络请求添加至预设实例请求队列中，根据预设实例请求队列所对应的处理顺序处理网络请求，以得到网络请求所对应的请求数据，将请求数据返至实例，以使实例采用请求数据进行渲染，通过构建并借助于同一组件所对应的预设实例请求队列，提高了同一页面下包含内部请求组件被大量重用实例化时同一组件中的若干个实施例的处理效率，提高了页面渲染的效率和流畅性。
Description
技术领域
本申请涉及网页开发技术领域，尤其涉及一种页面组件渲染处理方法、装置、计算机设备及计算机可读存储介质。
背景技术
Web工程中，组件化开发是越来越常用的工程手段，将页面、功能设计成规格不一、范围弹性的组件，并可在多个页面进行复用，达到快速开发和代码重用的目的。但由于根据领域设计的组件，组件和组件之间有明确的界限，同时对于全局方法通常仅能调用，无法注入控制。因此组件和组件之间的协调能力变弱，例如，对于组件之间的状态数据共用，或者组件之间的网络请求协调等协调能力变弱。
传统技术中，大多数在单一页面仅是少量重用同一组件，多数是在不同页面重用同一组件。因此同一组件的不同实例竞争网络问题并不突出。但在单一页面大量重用某一组件后，同一组件的不同实例会竞争网络请求，并可能造成请求堵塞。例如，若以一页面中要完成一个组件列表的渲染，每一个组件都将在此网络获取自己的详情数据，如果该列表有100个元素，此时网络请求情况为：1次列表请求包括100次详情请求。
由于组件单独管理自己的网络请求是符合关注分离原则，而页面仅仅关注自己是否放置了哪些内容，而被放置的元素则由自己完成自己数据获取及内容处理。若Web浏览器已限制，同时进行的网络请求为6-8个，那么这100个网络请求就会不同程度的排队，甚至造成排序在后面的实例会比排序前面的实例先返回数据，数据集中返回的时候可能会大量组件同时处理渲染。情况良好时，页面状态造成用户疑惑，情况较差的可能导致页面卡顿，甚至崩溃闪退。针对此种情况，常见的处理方式是将共用状态数据及网络请求抽离，仍然放到全局管理，组件内部仅仅是对显示及交互进行封装。但又会产生另外的问题，组件间界限不清晰，全局和组件化耦合性严重，长期维护下不但失去了组件化的好处、也可能导致工程设计回退。
因此，在Web工程中的组件化设计下，在单一页面所有的组件中，若存在大量重用同一组件时，不同实例间存在网络竞争而导致页面堵塞问题。
发明内容
本申请提供了一种页面组件渲染处理方法、装置、计算机设备及计算机可读存储介质，能够解决传统技术中在单一页面所有的组件中，若存在大量重用同一组件时，不同实例间存在网络竞争而导致页面堵塞问题。
第一方面，本申请提供了一种页面组件渲染处理方法，所述多***共用同一个处理任务的工作台，所述方法包括：响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中；根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据；将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染。
第二方面，本申请还提供了一种页面组件渲染处理装置，包括：添加单元，用于响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中；处理单元，用于根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据；返回单元，用于将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染。。
第三方面，本申请还提供了一种计算机设备，其包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现所述页面组件渲染处理方法的步骤。
第四方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时使所述处理器执行所述页面组件渲染处理方法的步骤。
本申请提供了一种页面组件渲染处理方法、装置、计算机设备及计算机可读存储介质。本申请通过响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中，根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据，将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染，通过构建并借助于同一组件所对应的预设实例请求队列，将同一组件中的若干个实施例根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，从而通过预设实例请求队列控制若干个实施例所对应的网络请求的处理顺序，解决了同一页面下包含内部请求组件被大量重用实例化时，造成的网络堵塞和卡顿的难题，同时又避免传统技术中，将网络请求分离并抽象至全局上下文，导致组件和全局耦合、不方便在多个页面或模块中重用的问题，提高了同一组件中的若干个实施例的处理效率，提高了页面渲染的效率和流畅性。
附图说明
为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的页面组件渲染处理方法的一个流程示意图；
图2为本申请实施例提供的页面组件渲染处理方法中一个子流程示意图；
图3为本申请实施例提供的页面组件渲染处理方法的另一个子流程示意图；
图4为本申请实施例提供的页面组件渲染处理装置的一个示意性框图；以及
图5为本申请实施例提供的计算机设备的示意性框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
请参阅图1，图1为本申请实施例提供的页面组件渲染处理方法的一个流程示意图。如图1所示，该方法包括以下步骤S101-S103：
S101、响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中。
其中，面向对象编程中包含概念类(英文Class)和实例(英文为Instance)，类是抽象的模板，而实例是根据类创建出来的一个个具体的“对象”，每个对象都拥有相同的方法，但各自的数据可能不同。实例化，英文为instantiate，是指在面向对象的编程中，把用类创建对象的过程称为实例化，是将一个抽象的概念类，具体到该类实物的过程。“类”在实例化之后叫做一个“实例”，即将类进行实例化后的结果即为实例，实例，英文为Instance，类”是静态的，不占进程内存，而“实例”拥有动态内存。
具体地，在采用组件开发页面的过程中，页面组件中可以包含实例，在对页面进行渲染以得到页面的过程中，会涉及到对实例的渲染。若在单一页面中大量重用一组件后，在对该页面进行渲染时，该同一组件的不同实例会竞争网络请求，并可能造成请求堵塞的问题。针对该问题，在本申请实施例中，在可能存在多个实例的组件中，针对同一组件的不同实施例，预先针对该组件构建一个预设实例请求队列，该预设实例请求队列用于放置该同一组件的不同实例在进行渲染时所对应的网络请求，可以通过对网络请求方法进行封装，利用实例构造时共享类的方法和属性的特性进行设计，在组件的类上设计一个实例请求队列，后续初始化实例时将共用一个实例初始化在类身上的队列，通过抽象成队列控制高级组件，能够对不同的功能组件的不同实例进行队列化管理，提高了对同一组件中的多个实例的管理化效率。
在对该页面进行渲染时，响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求置于预设实例请求队列中，由于队列具有先进先出的排队特性，从而可以使用队列先进先出的排队特性，根据不同实例对网络请求的先后顺序控制对实例进行的网络请求的处理，以实现同一个页面组件中若干个实例渲染处理，尤其对于同一个页面组件中存在多个实例时，可以避免同一组件的不同实例竞争网络请求，从而导致可能造成网络请求堵塞的问题。
S102、根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据。
其中，队列，英文为Queue，队列是一种先进先出(First in First Out)的线性表，简称FIFO。允许***的一端称为队尾，允许删除的一端称为队头。
具体地，在本申请实施例中，将队列结合进页面组件中同一组件的不同实例进行渲染时所对应的网络请求中，充分利用队列先进先出的特性，通过队列来控制对同一组件的不同实例进行渲染时所对应的网络请求的处理顺序，以避免在单一页面中大量重用一组件后，在对该页面进行渲染时，该同一组件的不同实例会竞争网络请求，并可能造成请求网络堵塞的问题。将所述网络请求置于预设实例请求队列中后，根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，并按照处理顺序得到所述网络请求所对应的请求数据，没有改变原有的全局或组件内的网络请求设计和封装，从而使网络请求的处理和所述请求数据的返回均按照处理顺序进行，也能避免排序在后面的实例会比排序前面的实例先返回请求数据，请求数据集中返回的时候可能会大量组件同时处理渲染，导致网页卡顿的情形出现。
S103、将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染。
具体地，按照所述预设实例请求队列所对应的处理顺序处理所述网络请求，得到所述网络请求所对应的请求数据后，将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染，由于是按照所述预设实例请求队列所对应的处理顺序处理所述网络请求及返回所述请求数据的，能够避免网络请求的无序集中处理及返回的请求数据集中返回，通过提高实例渲染的有序性，提升实例渲染的效率，能够避免同一组件的多个实例无序集中处理导致的网络堵塞等问题，无需大量变更即可在原有项目上应用该方法，同时，不与组件化设计思想和关注分离原则冲突，能同时利用组件化提高代码的可维护性及可拓展性。
在本申请实施例中，通过响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中，根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据，将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染，通过构建并借助于同一组件所对应的预设实例请求队列，将同一组件中的若干个实施例根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，从而通过预设实例请求队列控制若干个实施例所对应的网络请求的处理顺序，解决了同一页面下包含内部请求组件被大量重用实例化时，造成的网络堵塞和卡顿的难题，同时又避免传统技术中，将网络请求分离并抽象至全局上下文，导致组件和全局耦合、不方便在多个页面或模块中重用的问题，提高了同一组件中的若干个实施例的处理效率，提高了页面渲染的效率和流畅性。
请参阅图2，图2为本申请实施例提供的页面组件渲染处理方法中一个子流程示意图。如图2所示，在该实施例中，所述根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据的步骤包括：
S201、分配预设状态机至所述网络请求；
S202、判断所述状态机是否被触发；
S203、若所述状态机被触发，处理所述网络请求，并得到所述网络请求所对应的请求数据；
S204、在所述预设实例请求队列中继续排队，等待被触发。
其中，状态机，为有限状态机(英文为Finite-state machine，缩写为FSM)是表示有限个状态及在这些状态之间的转移和动作等行为的数学模型，通常FSM包含几个要素：状态的管理、状态的监控、状态的触发、状态触发后引发的动作。有限状态机(Finite-statemachine)，它有三个特征：状态总数(state)是有限的；任一时刻，只处在一种状态之中；某种条件下，会从一种状态转变(Transition)到另一种状态。
具体地，针对添加至预设实例请求队列中的所述网络请求分配预设状态机，用于描述该网络请求所处于的状态，例如该网络请求所处于的状态可以包括等待状态、处理状态及完成状态，完成后即从该预设实例请求队列中删除该网络请求，并触发该网络请求的下一个网络请求，直至所述预设实例请求队列中的网络请求均被处理完毕。基于预设状态机的控制，每一个实例的请求结束后将会触发队列中下一个实例的请求开始，分配预设状态机至所述网络请求后，根据所述预设状态机所处的状态，判断所述状态机是否被触发，在所述预设实例请求队列中，若所述网络请求的前一个网络请求处理完毕，将会触发所述网络请求所对应的状态机，若所述状态机被触发，即开始处理所述网络请求，就会得到所述网络请求所对应的请求数据，并在该网络请求处理完毕后，触发所述预设实例请求队列中排序在所述网络请求后面的下一个网络请求，若所述状态机未被触发，在所述预设实例请求队列中继续排队，等待被触发，直至其前面一个网络请求处理完毕后，轮到触发所述状态机。
请参阅图3，图3为本申请实施例提供的页面组件渲染处理方法中另一个子流程示意图。如图3所示，在该实施例中，所述判断所述状态机是否被触发的步骤之前，还包括：
S301、统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；
S302、判断所述数量是否小于预设数量阈值；
S303、若判定所述数量小于所述预设数量阈值，执行所述判断所述状态机是否被触发的步骤；
S304、若判定所述数量大于或者等于所述预设数量阈值，不执行所述判断所述状态机是否被触发的步骤。
具体地，在预设实例请求队列中，可以让所述预设实例请求队列同时进行若干个网络请求，以并行执行若干个网络请求，可以提高处理网络请求的效率。在所述预设实例请求队列同时进行若干个网络请求时，需要统计预设时间周期内所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量，判断所述数量是否小于预设数量阈值，若判定所述数量小于所述预设数量阈值，基于预设状态机的控制，每一个实例的请求结束后将会触发队列中下一个实例的请求开始，进而判断所述网络请求所对应的状态机是否被触发，即执行所述判断所述状态机是否被触发的步骤，若判定所述数量等于所述预设数量阈值，由于所述预设实例请求队列中并行执行网络请求的数量限制，基于预设状态机的控制，每一个实例的请求结束后不会触发队列中下一个实例的请求开始，所述网络请求所对应的状态机不会被触发，即不需执行所述判断所述状态机是否被触发的步骤，继续等待，直至判定所述数量小于所述预设数量阈值，执行所述判断所述状态机是否被触发的步骤。通过拓展设计改造队列控制，通过在所述预设实例请求队列中并行执行若干个网络请求，通过并行处理若干个网络请求，可以提高网络请求的处理效率，又由于并行执行的若干个网络请求数量被限制，而不会造成网络请求的无序集中处理，不会导致网络堵塞和请求数据的集中返回等问题。
在一实施例中，所述统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量的步骤包括：
通过预设计数器统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；读取所述预设计数器所对应的数值，以得到所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量。
具体地，也可通过计数器进行计数的方式，让队列同时进行多个任务，统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量，取所述预设计数器所对应的数值，以得到所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量。
在一个实施例中，所述响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中的步骤之前，还包括：
判断所述预设实例请求队列是否处于执行状态；若所述预设实例请求队列未处于执行状态，触发所述预设实例请求队列进行执行所述预设实例请求队列中所包含的网络请求；若所述预设实例请求队列处于执行状态，执行所述响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中的步骤，以将所述网络请求进行排队处理。
具体地，响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中之前，首先判断所述预设实例请求队列是否处于执行状态，若所述预设实例请求队列未处于执行状态，首先触发所述预设实例请求队列进行执行所述预设实例请求队列中所包含的网络请求，以使所述预设实例请求队列开始工作以进入处理网络请求的状态，若所述预设实例请求队列处于执行状态，将所述网络请求添加至预设实例请求队列中的步骤，以将所述网络请求进行排队处理，按照所述预设实例请求队列的处理顺序进行处理。核心代码逻辑示例(非实际代码)：
在具体的实际处理过程中，还可以根据实际需求进行不同的处理，例如上述过程中还包括请求队列初始化等步骤。
在一个实施例中，所述将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染的步骤之后，还包括：
从所述预设实例请求队列中删除所述网络请求；
判断所述预设实例请求队列是否为空；若所述预设实例请求队列不为空，触发所述预设实例请求队列中所包含的所述网络请求所对应的下一个网络请求，以执行所述网络请求所对应的下一个网络请求。
具体地，将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染，以实现所述实例所对应的页面渲染之后，对响应于页面组件中所包含的实例进行渲染所对应的网络请求也即处理完毕，将所述网络请求从所述预设实例请求队列中删除，以腾空所述预设实例请求队列，并进一步判断所述预设实例请求队列是否为空，若所述预设实例请求队列为空，该页面组件中同一组件所包含的若干个实例，尤其是大量的多个实例均已经处理完毕，可以删除该所述预设实例请求队列，若所述预设实例请求队列不为空，触发所述预设实例请求队列中所包含的所述网络请求所对应的下一个网络请求，以继续执行所述网络请求所对应的下一个网络请求。
需要说明的是，上述各个实施例所述的页面组件渲染处理方法，可以根据需要将不同实施例中包含的技术特征重新进行组合，以获取组合后的实施方案，但都在本申请要求的保护范围之内。
请参阅图4，图4为本申请实施例提供的页面组件渲染处理装置的一个示意性框图。对应于上述所述页面组件渲染处理方法，本申请实施例还提供一种页面组件渲染处理装置。如图4所示，该页面组件渲染处理装置包括用于执行上述所述页面组件渲染处理方法的单元，该页面组件渲染处理装置可以被配置于计算机设备中。具体地，请参阅图4，该页面组件渲染处理装置400包括添加单元401、处理单元402及返回单元403。
其中，添加单元401，用于响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中；
处理单元402，用于根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据；
返回单元403，用于将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染。
在一实施例中，所述处理单元402包括：
分配子单元，用于分配预设状态机至所述网络请求；
第一判断子单元，用于判断所述状态机是否被触发；
处理子单元，用于若所述状态机被触发，处理所述网络请求，并得到所述网络请求所对应的请求数据。
在一实施例中，所述处理单元402还包括：
第一统计子单元，用于统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；
第二判断子单元，用于判断所述数量是否小于预设数量阈值；
执行子单元，用于若判定所述数量小于所述预设数量阈值，执行所述判断所述状态机是否被触发的步骤。
在一实施例中，所述第一统计子单元包括：
第二统计子单元，用于通过预设计数器统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；
读取子单元，用于读取所述预设计数器所对应的数值，以得到所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量。
在一实施例中，所述页面组件渲染处理装置400还包括：
第一判断单元，用于判断所述预设实例请求队列是否处于执行状态；
第一触发单元，用于若所述预设实例请求队列未处于执行状态，触发所述预设实例请求队列进行执行所述预设实例请求队列中所包含的网络请求；
执行单元，用于若所述预设实例请求队列处于执行状态，执行所述响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中的步骤，以将所述网络请求进行排队处理。
在一实施例中，所述页面组件渲染处理装置400还包括：
删除单元，用于从所述预设实例请求队列中删除所述网络请求；
第二判断单元，用于判断所述预设实例请求队列是否为空；
第二触发单元，用于若所述预设实例请求队列不为空，触发所述预设实例请求队列中所包含的所述网络请求所对应的下一个网络请求，以执行所述网络请求所对应的下一个网络请求。
需要说明的是，所属领域的技术人员可以清楚地了解到，上述页面组件渲染处理装置和各单元的具体实现过程，可以参考前述方法实施例中的相应描述，为了描述的方便和简洁，在此不再赘述。
同时，上述页面组件渲染处理装置中各个单元的划分和连接方式仅用于举例说明，在其他实施例中，可将页面组件渲染处理装置按照需要划分为不同的单元，也可将页面组件渲染处理装置中各单元采取不同的连接顺序和方式，以完成上述页面组件渲染处理装置的全部或部分功能。
上述页面组件渲染处理装置可以实现为一种计算机程序的形式，该计算机程序可以在如图5所示的计算机设备上运行。
请参阅图5，图5是本申请实施例提供的一种计算机设备的示意性框图。该计算机设备500可以是台式机电脑或者服务器等计算机设备，也可以是其他设备中的组件或者部件。
参阅图5，该计算机设备500包括通过***总线501连接的处理器502、存储器和网络接口505，其中，存储器可以包括非易失性存储介质503和内存储器504，存储器也可以为易失性计算机可读存储介质。
该非易失性存储介质503可存储操作***5031和计算机程序5032。该计算机程序5032被执行时，可使得处理器502执行一种上述页面组件渲染处理方法。
该处理器502用于提供计算和控制能力，以支撑整个计算机设备500的运行。
该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境，该计算机程序5032被处理器502执行时，可使得处理器502执行一种上述页面组件渲染处理方法。
该网络接口505用于与其它设备进行网络通信。本领域技术人员可以理解，图5中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备500的限定，具体的计算机设备500可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。例如，在一些实施例中，计算机设备可以仅包括存储器及处理器，在这样的实施例中，存储器及处理器的结构及功能与图5所示实施例一致，在此不再赘述。
其中，所述处理器502用于运行存储在存储器中的计算机程序5032，以实现如下步骤：响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中；根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据；将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染。
在一实施例中，所述处理器502在实现所述根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据的步骤时，具体实现以下步骤：
分配预设状态机至所述网络请求；
判断所述状态机是否被触发；
若所述状态机被触发，处理所述网络请求，并得到所述网络请求所对应的请求数据。
在一实施例中，所述处理器502在实现所述判断所述状态机是否被触发的步骤之前，还实现以下步骤：
统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；
判断所述数量是否小于预设数量阈值；
若判定所述数量小于所述预设数量阈值，执行所述判断所述状态机是否被触发的步骤。
在一实施例中，所述处理器502在实现所述统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量的步骤时，具体实现以下步骤：
通过预设计数器统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；
读取所述预设计数器所对应的数值，以得到所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量。
在一实施例中，所述处理器502在实现所述响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中的步骤之前，还实现以下步骤：
判断所述预设实例请求队列是否处于执行状态；
若所述预设实例请求队列未处于执行状态，触发所述预设实例请求队列进行执行所述预设实例请求队列中所包含的网络请求；
若所述预设实例请求队列处于执行状态，执行所述响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中的步骤，以将所述网络请求进行排队处理。
在一实施例中，所述处理器502在实现所述将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染的步骤之后，还实现以下步骤：
从所述预设实例请求队列中删除所述网络请求；
判断所述预设实例请求队列是否为空；
若所述预设实例请求队列不为空，触发所述预设实例请求队列中所包含的所述网络请求所对应的下一个网络请求，以执行所述网络请求所对应的下一个网络请求。
应当理解，在本申请实施例中，处理器502可以是中央处理单元(CentralProcessing Unit，CPU)，该处理器502还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
本领域普通技术人员可以理解的是实现上述实施例的方法中的全部或部分流程，是可以通过计算机程序来完成，该计算机程序可存储于一计算机可读存储介质。该计算机程序被该计算机***中的至少一个处理器执行，以实现上述方法的实施例的流程步骤。
因此，本申请还提供一种计算机可读存储介质。该计算机可读存储介质可以为非易失性的计算机可读存储介质，也可以为易失性计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时使处理器执行以上各实施例中所描述的所述页面组件渲染处理方法的步骤。
所述计算机可读存储介质可以是前述设备的内部存储单元，例如设备的硬盘或内存。所述计算机可读存储介质也可以是所述设备的外部存储设备，例如所述设备上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。进一步地，所述计算机可读存储介质还可以既包括所述设备的内部存储单元也包括外部存储设备。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的设备、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
所述存储介质为实体的、非瞬时性的存储介质，例如可以是U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、磁碟或者光盘等各种可以存储计算机程序的实体存储介质。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的。例如，各个单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。
本申请实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。本申请实施例装置中的单元可以根据实际需要进行合并、划分和删减。另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。
该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是个人计算机，终端，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。
以上所述，仅为本申请的具体实施方式，但本申请明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种页面组件渲染处理方法，其特征在于，包括：
响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中；
根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据；
将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染。
2.根据权利要求1所述页面组件渲染处理方法，其特征在于，所述根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据的步骤包括：
分配预设状态机至所述网络请求；
判断所述状态机是否被触发；
若所述状态机被触发，处理所述网络请求，并得到所述网络请求所对应的请求数据。
3.根据权利要求2所述页面组件渲染处理方法，其特征在于，所述判断所述状态机是否被触发的步骤之前，还包括：
统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；
判断所述数量是否小于预设数量阈值；
若判定所述数量小于所述预设数量阈值，执行所述判断所述状态机是否被触发的步骤。
4.根据权利要求3所述页面组件渲染处理方法，其特征在于，所述统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量的步骤包括：
通过预设计数器统计所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量；
读取所述预设计数器所对应的数值，以得到所述预设实例请求队列中处于被触发状态的状态机所对应的网络请求的数量。
5.根据权利要求1所述页面组件渲染处理方法，其特征在于，所述响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中的步骤之前，还包括：
判断所述预设实例请求队列是否处于执行状态；
若所述预设实例请求队列未处于执行状态，触发所述预设实例请求队列进行执行所述预设实例请求队列中所包含的网络请求；
若所述预设实例请求队列处于执行状态，执行所述响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中的步骤，以将所述网络请求进行排队处理。
6.根据权利要求1所述页面组件渲染处理方法，其特征在于，所述将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染的步骤之后，还包括：
从所述预设实例请求队列中删除所述网络请求；
判断所述预设实例请求队列是否为空；
若所述预设实例请求队列不为空，触发所述预设实例请求队列中所包含的所述网络请求所对应的下一个网络请求，以执行所述网络请求所对应的下一个网络请求。
7.一种页面组件渲染处理装置，其特征在于，包括：
添加单元，用于响应于页面组件中所包含的实例进行渲染所对应的网络请求，将所述网络请求添加至预设实例请求队列中；
处理单元，用于根据所述预设实例请求队列所对应的处理顺序处理所述网络请求，以得到所述网络请求所对应的请求数据；
返回单元，用于将所述请求数据返至所述实例，以使所述实例采用所述请求数据进行渲染。
8.根据权利要求7所述页面组件渲染处理装置，其特征在于，所述处理单元包括：
分配子单元，用于分配预设状态机至所述网络请求；
第一判断子单元，用于判断所述状态机是否被触发；
处理子单元，用于若所述状态机被触发，处理所述网络请求，并得到所述网络请求所对应的请求数据。
9.一种计算机设备，其特征在于，所述计算机设备包括存储器以及与所述存储器相连的处理器；所述存储器用于存储计算机程序；所述处理器用于运行所述计算机程序，以执行如权利要求1-6任一项所述方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时可实现如权利要求1-6中任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011033891.2A CN112182452A (zh) | 2020-09-27 | 2020-09-27 | 页面组件渲染处理方法、装置、设备及计算机可读介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011033891.2A CN112182452A (zh) | 2020-09-27 | 2020-09-27 | 页面组件渲染处理方法、装置、设备及计算机可读介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112182452A true CN112182452A (zh) | 2021-01-05 |
Family
ID=73945099
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011033891.2A Pending CN112182452A (zh) | 2020-09-27 | 2020-09-27 | 页面组件渲染处理方法、装置、设备及计算机可读介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112182452A (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114518912A (zh) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | 一种页面加载方法、装置、设备及可读存储介质 |
| CN114741147A (zh) * | 2022-03-30 | 2022-07-12 | 阿里巴巴（中国）有限公司 | 用于在移动终端显示页面的方法及移动终端 |
| CN116991506A (zh) * | 2023-09-28 | 2023-11-03 | 腾讯科技（深圳）有限公司 | 一种网页渲染方法、装置、终端和存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9626197B1 (en) * | 2010-07-30 | 2017-04-18 | Amazon Technologies, Inc. | User interface rendering performance |
| CN108880921A (zh) * | 2017-05-11 | 2018-11-23 | 腾讯科技（北京）有限公司 | 网页监测方法 |
| CN109726346A (zh) * | 2018-12-29 | 2019-05-07 | 北京创鑫旅程网络技术有限公司 | 页面组件处理方法及装置 |
| CN109818826A (zh) * | 2019-01-11 | 2019-05-28 | 西安电子科技大学工程技术研究院有限公司 | 一种网络路径延迟测量方法及其装置与时间同步*** |
| US10530887B1 (en) * | 2016-12-06 | 2020-01-07 | Amazon Technologies, Inc. | Pre-caching data for use upon execution of program code |
-
2020
- 2020-09-27 CN CN202011033891.2A patent/CN112182452A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9626197B1 (en) * | 2010-07-30 | 2017-04-18 | Amazon Technologies, Inc. | User interface rendering performance |
| US10530887B1 (en) * | 2016-12-06 | 2020-01-07 | Amazon Technologies, Inc. | Pre-caching data for use upon execution of program code |
| CN108880921A (zh) * | 2017-05-11 | 2018-11-23 | 腾讯科技（北京）有限公司 | 网页监测方法 |
| CN109726346A (zh) * | 2018-12-29 | 2019-05-07 | 北京创鑫旅程网络技术有限公司 | 页面组件处理方法及装置 |
| CN109818826A (zh) * | 2019-01-11 | 2019-05-28 | 西安电子科技大学工程技术研究院有限公司 | 一种网络路径延迟测量方法及其装置与时间同步*** |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114518912A (zh) * | 2022-02-21 | 2022-05-20 | 度小满科技(北京)有限公司 | 一种页面加载方法、装置、设备及可读存储介质 |
| CN114518912B (zh) * | 2022-02-21 | 2023-04-25 | 度小满科技(北京)有限公司 | 一种页面加载方法、装置、设备及可读存储介质 |
| CN114741147A (zh) * | 2022-03-30 | 2022-07-12 | 阿里巴巴（中国）有限公司 | 用于在移动终端显示页面的方法及移动终端 |
| CN114741147B (zh) * | 2022-03-30 | 2023-11-14 | 阿里巴巴（中国）有限公司 | 用于在移动终端显示页面的方法及移动终端 |
| CN116991506A (zh) * | 2023-09-28 | 2023-11-03 | 腾讯科技（深圳）有限公司 | 一种网页渲染方法、装置、终端和存储介质 |
| CN116991506B (zh) * | 2023-09-28 | 2024-04-30 | 腾讯科技（深圳）有限公司 | 一种网页渲染方法、装置、终端和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3425502B1 (en) | Task scheduling method and device | |
| CN112182452A (zh) | 页面组件渲染处理方法、装置、设备及计算机可读介质 | |
| CN111625452A (zh) | 流量回放方法和*** | |
| US20130031558A1 (en) | Scheduling Mapreduce Jobs in the Presence of Priority Classes | |
| CN111324427B (zh) | 一种基于dsp的任务调度方法及装置 | |
| US11023277B2 (en) | Scheduling of tasks in a multiprocessor device | |
| CN115562838A (zh) | 资源调度方法、装置、计算机设备及存储介质 | |
| CN109521970B (zh) | 一种数据处理方法及相关设备 | |
| CN108958903B (zh) | 嵌入式多核中央处理器任务调度方法与装置 | |
| CN107577962A (zh) | 一种密码卡多算法并列执行的方法、***及相关装置 | |
| US11743200B2 (en) | Techniques for improving resource utilization in a microservices architecture via priority queues | |
| CN115981893A (zh) | 消息队列任务处理方法、装置、服务器及存储介质 | |
| CN113220368B (zh) | 一种存储客户端资源隔离方法、***、终端及存储介质 | |
| CN113345067B (zh) | 一种统一渲染方法、装置、设备和引擎 | |
| CN113296788B (zh) | 指令调度方法、装置、设备及存储介质 | |
| CN112988355B (zh) | 程序任务的调度方法、装置、终端设备及可读存储介质 | |
| CN109634812A (zh) | Linux***的进程CPU占用率控制方法、终端设备及存储介质 | |
| US9135058B2 (en) | Method for managing tasks in a microprocessor or in a microprocessor assembly | |
| CN113806055A (zh) | 一种轻量级任务调度方法、***、装置及存储介质 | |
| CN108958904B (zh) | 嵌入式多核中央处理器的轻量级操作***的驱动程序框架 | |
| CN108958905B (zh) | 嵌入式多核中央处理器的轻量级操作*** | |
| CN112346879A (zh) | 进程管理方法、装置、计算机设备及存储介质 | |
| CN117376373B (zh) | 元数据操作请求的处理方法、装置、设备及存储介质 | |
| CN117369970A (zh) | 时间片调整方法、装置、设备和存储介质 | |
| CN116909689B (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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210105 |