CN107609137B - 一种页面响应方法、装置及其使用的页面响应设备 - Google Patents
一种页面响应方法、装置及其使用的页面响应设备 Download PDFInfo
- Publication number
- CN107609137B CN107609137B CN201710850925.9A CN201710850925A CN107609137B CN 107609137 B CN107609137 B CN 107609137B CN 201710850925 A CN201710850925 A CN 201710850925A CN 107609137 B CN107609137 B CN 107609137B
- Authority
- CN
- China
- Prior art keywords
- event
- node
- page response
- preprocessing
- function corresponding
- 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.)
- Active
Links
- 230000004044 response Effects 0.000 title claims abstract description 79
- 238000000034 method Methods 0.000 title claims abstract description 70
- 238000012545 processing Methods 0.000 claims abstract description 80
- 238000007781 pre-processing Methods 0.000 claims abstract description 69
- 230000008569 process Effects 0.000 claims abstract description 32
- 238000005316 response function Methods 0.000 claims abstract description 30
- 230000007246 mechanism Effects 0.000 claims abstract description 27
- 238000012546 transfer Methods 0.000 claims abstract description 13
- 230000006870 function Effects 0.000 claims description 43
- 230000005587 bubbling Effects 0.000 claims description 7
- 230000000694 effects Effects 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 230000000644 propagated effect Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明公开了一种页面响应方法包括：当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数。由此可见，本发明公开的页面响应方法，使用预处理仓机制，将事件响应函数的一些基本工作提前进行，预处理仓的预处理工作和事件传递流程并行进行，在事件响应函数之前就开始执行，提高了页面的响应速度。同时预处理仓作为专门的基础操作处理函数，复用性强。本发明还公开了一种页面响应装置及其使用的页面响应设备和计算机可读存储介质，同样能实现上述技术效果。
Description
技术领域
本发明涉及软件开发领域，更具体地说，涉及一种页面响应方法、装置及其使用的页面响应设备和计算机可读存储介质。
背景技术
在WEB程序开发的过程中，页面对事件的响应速度是页面易用性的一个重要判断依据。快速而准确的页面响应函数的处理，是大部分前端开发中的重要关注点。目前，浏览器中事件响应机制可以分为：捕获阶段，目标阶段和冒泡阶段。
现有技术中的页面响应方法，事件响应函数只有在事件真正触发时才会被调用，此时才会检查变量是否定义，函数是否存在，函数中定义内容的空间分配等操作才会真正的按顺序执行。由此可见，现有技术中的页面响应方法事件响应函数的准备工作是在捕捉到该事件响应函数时才执行的，导致了页面响应速度较慢。
因此，如何提高页面的响应速度是本领域技术人员需要解决的问题。
发明内容
本发明的目的在于提供一种页面响应方法、装置及其使用的页面响应设备和计算机可读存储介质，提高了页面的响应速度。
为实现上述目的，本发明实施例提供了一种页面响应方法，包括：
当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；
当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数。
其中，所述开启预处理仓处理所述事件，得到处理结果包括：
判断所述事件对应的事件响应函数是否存在，若是，则得到所述事件响应函数存在的结果。
其中，所述开启预处理仓处理所述事件，得到处理结果包括：
判断所述事件对应的事件响应函数的变量是否定义，若是，则得到所述变量定义完成的结果。
其中，所述开启预处理仓处理所述事件，得到处理结果包括：
定义所述事件需要的新变量，并为所述新变量分配存储空间，得到所述新变量定义完成的结果。
其中，若所述第一节点为父节点，则查询存储所述事件对应的事件处理函数的第二节点包括：
从所述父节点向下通过捕获机制查询存储所述事件对应的事件处理函数的目标节点。
其中，若所述第一节点为子节点，则查询存储所述事件对应的事件处理函数的第二节点包括：
从所述子节点向上通过冒泡机制查询存储所述事件对应的事件处理函数的目标节点。
为实现上述目的，本发明实施例提供了一种页面响应装置，包括：
预处理模块，用于当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；
反馈模块，用于当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数。
其中，所述预处理模块具体为当父节点检测到事件发生时，从所述父节点向下通过捕获机制查询存储所述事件对应的事件处理函数的目标节点，并开启预处理仓处理所述事件，得到处理结果的模块。
为实现上述目的，本发明实施例提供了一种页面响应设备，包括：
存储器，用于存储页面响应程序；
处理器，用于执行所述页面响应程序时实现如上述任一项所述页面响应方法的步骤。
为实现上述目的，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有页面响应程序，所述页面响应程序被执行时实现如上述任一项所述页面响应方法。
通过以上方案可知，本发明实施例提供的一种页面响应方法包括：当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数。由此可见，本发明实施例提供的页面响应方法，使用预处理仓机制，将事件响应函数的一些基本工作提前进行，预处理仓的预处理工作和事件传递流程并行进行，在事件响应函数之前就开始执行，提高了页面的响应速度。同时预处理仓作为专门的基础操作处理函数，复用性强。本发明还公开了一种页面响应装置及其使用的页面响应设备和计算机可读存储介质，同样能实现上述技术效果。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例公开的一种页面响应方法的流程图；
图2为本发明实施例公开的另一种页面响应方法的流程图；
图3为本发明实施例公开的又一种页面响应方法的流程图；
图4为本发明实施例公开的一种页面响应装置的结构图；
图5为本发明实施例公开的一种页面响应设备的结构图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明实施例公开了一种页面响应方法，提高了页面的响应速度。
参见图1，本发明实施例公开的一种页面响应方法的流程图，如图1所示，包括：
S101：当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；
在具体实施中，当事件发生时，检测到该事件的第一节点可以首先判断事件处理机制，如果是冒泡机制，走冒泡机制下的预处理仓处理方法，即在目标阶段就直接开启预处理仓处理函数，如果是捕获机制，走捕获机制下的预处理仓处理流程，即在父节点进行捕获的同时开启预处理仓处理函数。
S102：当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数。
预处理仓将这些预处理操作执行完毕后，当所述第一节点将所述事件传递至所述第二节点时，会将结果封装后传递给实际的事件响应函数，事件响应函数在预处理仓处理结果的基础上进行下一步的操作。在这个过程中，事件传递过程和预处理仓的处理过程并行执行。
本发明实施例提供的页面响应方法，使用预处理仓机制，将事件响应函数的一些基本工作提前进行，预处理仓的预处理工作和事件传递流程并行进行，在事件响应函数之前就开始执行，提高了页面的响应速度。同时预处理仓作为专门的基础操作处理函数，复用性强。
在上述实施例的基础上，作为优选实施方式，所述开启预处理仓处理所述事件，得到处理结果包括：
判断所述事件对应的事件响应函数是否存在，若是，则得到所述事件响应函数存在的结果。
在上述实施例的基础上，作为优选实施方式，所述开启预处理仓处理所述事件，得到处理结果包括：
判断所述事件对应的事件响应函数的变量是否定义，若是，则得到所述变量定义完成的结果。
在上述实施例的基础上，作为优选实施方式，所述开启预处理仓处理所述事件，得到处理结果包括：
定义所述事件需要的新变量，并为所述新变量分配存储空间，得到所述新变量定义完成的结果。
在具体实施中，预处理仓通常为事件响应函数进行准备工作，它可以执行判断变量是否被定义、事件响应函数是否存在、为新增加的变量进行定义，分配空间，或者其他开发者根据实际项目需要想要预处理的功能，在此不作具体限定。
本发明实施例公开了一种页面响应方法，可以适用于捕获机制。具体的：
参见图2，本发明实施例提供的另一种页面响应方法的流程图，如图2所示，包括：
S201：当父节点检测到事件发生时，从所述父节点向下通过捕获机制查询存储所述事件对应的事件处理函数的目标节点，并开启预处理仓处理所述事件，得到处理结果；
S202：当所述父节点将所述事件传递至所述目标节点时，将所述处理结果反馈至所述事件处理函数。
事件的捕获机制是不太具体的元素应该更早接收到事件，接收到事件的同时即开启预处理仓处理所述事件，而最具体的目标节点应该最后接收到事件，即在事件到达目标节点之前就捕获它。以html的click事件为例，document对象(DOM级规范要求从document开始传播，但是现在的浏览器是从window对象开始的)是最先接收到click事件的，然后事件沿着DOM树依次向下传播，一直传播到事件的实际目标节点。此时，预处理仓将所述事件的处理结果封装反馈至所述目标节点。
本发明实施例公开的一种页面响应方法，不仅适用于捕获机制，还适用于冒泡机制。具体的：
参见图3，本发明实施例提供的又一种页面响应方法的流程图，如图3所示，包括：
S301：当子节点检测到事件发生时，从所述子节点向上通过冒泡机制查询存储所述事件对应的事件处理函数的目标节点，并开启预处理仓处理所述事件，得到处理结果；
S302：当所述子节点将所述事件传递至所述目标节点时，将所述处理结果反馈至所述事件处理函数。
事件的冒泡机制与捕获机制正好相反，事件开始时由最具体的元素即子节点接收，子节点接收到该事件的同时开启预处理仓处理所述事件，然后逐级向上传播到较为不具体的节点即目标节点，此时，预处理仓将所述事件的处理结果封装反馈至所述目标节点。例如，对于html来说，就是当一个元素产生了一个事件，它会把这个事件传递给它的父元素，父元素接收到了之后，还要继续传递给它的上一级元素，就这样一直传播到document对象。
下面对本发明实施例提供的一种页面响应装置进行介绍，下文描述的一种页面响应装置与上文描述的一种页面响应方法可以相互参照。
参见图4，本发明实施例提供的一种页面响应装置的结构图，如图4所示，包括：
预处理模块401，用于当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；
反馈模块402，用于当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数。
本发明实施例提供的页面响应装置，使用预处理仓机制，将事件响应函数的一些基本工作提前进行，预处理仓的预处理工作和事件传递流程并行进行，在事件响应函数之前就开始执行，提高了页面的响应速度。同时预处理仓作为专门的基础操作处理函数，复用性强。
在上述实施例的基础上，作为优选实施方式，所述预处理模块具体为当父节点检测到事件发生时，从所述父节点向下通过捕获机制查询存储所述事件对应的事件处理函数的目标节点，并开启预处理仓处理所述事件，得到处理结果的模块。
在上述实施例的基础上，作为优选实施方式，所述预处理模块具体为当子节点检测到事件发生时，从所述子节点向上通过冒泡机制查询存储所述事件对应的事件处理函数的目标节点，并开启预处理仓处理所述事件，得到处理结果的模块。
在上述实施例的基础上，作为优选实施方式，所述预处理模块具体为当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并判断所述事件对应的事件响应函数是否存在，若是，则得到所述事件响应函数存在的结果的模块。
在上述实施例的基础上，作为优选实施方式，所述预处理模块具体为当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并判断所述事件对应的事件响应函数的变量是否定义，若是，则得到所述变量定义完成的结果的模块。
在上述实施例的基础上，作为优选实施方式，所述预处理模块具体为当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并定义所述事件需要的新变量，并为所述新变量分配存储空间，得到所述新变量定义完成的结果的模块。
本申请还提供了一种页面响应设备，参见图5，本发明实施例提供的一种页面响应设备的结构图，如图5所示，包括：
存储器501，用于存储页面响应程序；
处理器502，用于执行所述页面响应程序时可以实现上述实施例所提供的步骤。当然所述服务器还可以包括各种网络接口，电源等组件。
本发明实施例提供的页面响应设备，使用预处理仓机制，将事件响应函数的一些基本工作提前进行，预处理仓的预处理工作和事件传递流程并行进行，在事件响应函数之前就开始执行，提高了页面的响应速度。同时预处理仓作为专门的基础操作处理函数，复用性强。
本申请还提供了一种计算机可读存储介质，其上存有页面响应程序，所述页面响应程序被处理器执行时可以实现上述实施例所提供的步骤。该存储介质可以包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。
对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
还需要说明的是，在本说明书中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
Claims (9)
1.一种页面响应方法，其特征在于，包括：
当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；
当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数；
其中，所述开启预处理仓处理所述事件，得到处理结果包括：
定义所述事件需要的新变量，并为所述新变量分配存储空间，得到所述新变量定义完成的结果。
2.根据权利要求1所述的页面响应方法，其特征在于，所述开启预处理仓处理所述事件，得到处理结果包括：
判断所述事件对应的事件响应函数是否存在，若是，则得到所述事件响应函数存在的结果。
3.根据权利要求1所述的页面响应方法，其特征在于，所述开启预处理仓处理所述事件，得到处理结果包括：
判断所述事件对应的事件响应函数的变量是否定义，若是，则得到所述变量定义完成的结果。
4.根据权利要求1所述的页面响应方法，其特征在于，若所述第一节点为父节点，则查询存储所述事件对应的事件处理函数的第二节点包括：
从所述父节点向下通过捕获机制查询存储所述事件对应的事件处理函数的目标节点。
5.根据权利要求1所述的页面响应方法，其特征在于，若所述第一节点为子节点，则查询存储所述事件对应的事件处理函数的第二节点包括：
从所述子节点向上通过冒泡机制查询存储所述事件对应的事件处理函数的目标节点。
6.一种页面响应装置，其特征在于，包括：
预处理模块，用于当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并开启预处理仓处理所述事件，得到处理结果；
反馈模块，用于当所述第一节点将所述事件传递至所述第二节点时，将所述处理结果反馈至所述事件处理函数；
其中，所述预处理模块具体为当第一节点检测到事件发生时，查询存储所述事件对应的事件处理函数的第二节点，并定义所述事件需要的新变量，并为所述新变量分配存储空间，得到所述新变量定义完成的结果的模块。
7.根据权利要求6所述的页面响应装置，其特征在于，所述预处理模块具体为当父节点检测到事件发生时，从所述父节点向下通过捕获机制查询存储所述事件对应的事件处理函数的目标节点，并开启预处理仓处理所述事件，得到处理结果的模块。
8.一种页面响应设备，其特征在于，包括：
存储器，用于存储页面响应程序；
处理器，用于执行所述页面响应程序时实现如权利要求1至5任一项所述页面响应方法的步骤。
9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有页面响应程序，所述页面响应程序被执行时实现如权利要求1至5任一项所述页面响应方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710850925.9A CN107609137B (zh) | 2017-09-20 | 2017-09-20 | 一种页面响应方法、装置及其使用的页面响应设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710850925.9A CN107609137B (zh) | 2017-09-20 | 2017-09-20 | 一种页面响应方法、装置及其使用的页面响应设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107609137A CN107609137A (zh) | 2018-01-19 |
| CN107609137B true CN107609137B (zh) | 2021-03-09 |
Family
ID=61061002
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710850925.9A Active CN107609137B (zh) | 2017-09-20 | 2017-09-20 | 一种页面响应方法、装置及其使用的页面响应设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107609137B (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101957751A (zh) * | 2010-06-04 | 2011-01-26 | 福建星网锐捷网络有限公司 | 一种状态机的实现方法及装置 |
| CN104967630A (zh) * | 2014-04-10 | 2015-10-07 | 腾讯科技（深圳）有限公司 | 网页访问请求的处理方法及装置 |
| WO2016065372A1 (en) * | 2014-10-25 | 2016-04-28 | Yieldmo Inc. | Interactive inline frame and webpage |
-
2017
- 2017-09-20 CN CN201710850925.9A patent/CN107609137B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101957751A (zh) * | 2010-06-04 | 2011-01-26 | 福建星网锐捷网络有限公司 | 一种状态机的实现方法及装置 |
| CN104967630A (zh) * | 2014-04-10 | 2015-10-07 | 腾讯科技（深圳）有限公司 | 网页访问请求的处理方法及装置 |
| WO2016065372A1 (en) * | 2014-10-25 | 2016-04-28 | Yieldmo Inc. | Interactive inline frame and webpage |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107609137A (zh) | 2018-01-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108156022B (zh) | 一种服务调用方法、装置及电子设备 | |
| CN106202100B (zh) | 页面的加载方法及装置 | |
| CN104021231A (zh) | 浏览器中显示网页的方法和装置 | |
| CN105528257B (zh) | 一种单进程数据处理方法及装置 | |
| CN102662737B (zh) | 扩展程序的调用方法及装置 | |
| CN102298599A (zh) | 离线浏览网页方法及其系统 | |
| WO2014153970A1 (en) | Method and apparatus for text input protection | |
| CN100511140C (zh) | 构件化软件系统实现脚本语言调用多输出参数接口的方法 | |
| CN110287444B (zh) | 网站检测方法、装置及存储介质 | |
| CN102819553A (zh) | 一种进行页面交互的方法及装置 | |
| CN103345498A (zh) | 基于中转服务器的网页加载方法、装置及系统 | |
| CN107609137B (zh) | 一种页面响应方法、装置及其使用的页面响应设备 | |
| CN109510850A (zh) | 浏览请求的处理方法、装置及系统 | |
| CN103440281A (zh) | 一种用于获取下载文件的方法、装置与设备 | |
| CN108197090B (zh) | 文件格式转换过程中默认值的处理方法及系统 | |
| CN117648099A (zh) | 一种依赖安装的处理方法、装置、设备及存储介质 | |
| WO2014029358A1 (en) | Method and apparatus for switching search engine to repeat search | |
| CN102929877A (zh) | 将网页上的表格数据生成表格文件的方法及装置 | |
| CN111679828A (zh) | 一种数据处理的方法及装置、电子设备、存储介质 | |
| CN111324832A (zh) | 一种通过短网址访问网站的方法、系统、装置及介质 | |
| CN116186439A (zh) | 浏览器页面渲染方法、装置、电子设备及可读存储介质 | |
| CN110888840A (zh) | 分布式文件系统中的文件查询方法、装置、设备及介质 | |
| CN103034711A (zh) | 表单识别方法和装置 | |
| CN110955856B (zh) | 一种网页加载方法、装置、服务器及存储介质 | |
| CN115168770A (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 | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20210219 Address after: Building 9, No.1, guanpu Road, Guoxiang street, Wuzhong Economic Development Zone, Wuzhong District, Suzhou City, Jiangsu Province Applicant after: SUZHOU LANGCHAO INTELLIGENT TECHNOLOGY Co.,Ltd. Address before: Room 1601, floor 16, 278 Xinyi Road, Zhengdong New District, Zhengzhou City, Henan Province Applicant before: ZHENGZHOU YUNHAI INFORMATION TECHNOLOGY Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |