一种基于前端预处理的按钮处理方法和装置制造方法及图纸

技术编号:28977267 阅读:15 留言:0更新日期:2021-06-23 09:22
本发明专利技术公开了一种基于前端预处理的按钮处理方法和装置,该方法包括:为前端页面中的指定按钮配置对应的预处理逻辑;实时检测前端页面中触控焦点位置;判断在触控焦点位置对应的检测区域内是否存在指定按钮;若判断得到检测区域内存在指定按钮,则执行指定按钮对应的预处理逻辑,得到预处理结果。本发明专利技术通过为前端页面的指定按钮配置对应的预处理逻辑,实时检测前端页面中触控焦点位置,判断在触控焦点位置对应的检测区域内是否存在指定按钮,当检测区域内存在指定按钮时触发预处理逻辑,解决因前端按钮同时处理大量任务引起的服务器能耗过大的问题,从而对服务器运营公司进行降压减压,更加高效的实现节能减排。

【技术实现步骤摘要】
一种基于前端预处理的按钮处理方法和装置
本专利技术涉及通信
,具体涉及一种基于前端预处理的按钮处理方法和装置。
技术介绍
随着互联网应用人群越来越多,应用和设备从发达地区逐渐向落后地区覆盖,分布式的应用服务器部署逐渐取代了传统的集中式应用服务器部署,但是随着各类应用使用人口数量上升,人口密度提高,无论是单一的应用服务器或者分布式部署的应用服务器应用人数都越来越多,服务器负载压力过大,因此,传统的服务器将越来越难以应对庞大的计算量和高频度的计算需求。传统个人计算机(PersonalComputer,PC)设备或移动设备的产品按钮在触发按钮后才可以实现具体逻辑功能,若同一时间存在大量请求分配到服务器可能导致服务器无法响应从而造成宕机;另外由于产品按钮采用的是触发式设计,用户通过鼠标点击或触摸屏触控按钮后,其计算逻辑均依赖服务器主机,不得不等待服务器主机做出完整的计算和逻辑处理后返回新的信息和内容后,才能直观的看到点击或触控按钮后的效果,这将导致服务器主机产生大量的能源消耗,因此,提高用户点击按钮后打开新页面或者实现新功能的速度,提高PC设备的web页面或者移动设备的应用页面的响应时间和效率是亟待解决的技术问题。
技术实现思路
鉴于上述问题,提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于前端预处理的按钮处理方法和装置。根据本专利技术的一个方面,提供了一种基于前端预处理的按钮处理方法,包括:为前端页面中的指定按钮配置对应的预处理逻辑;实时检测前端页面中触控焦点位置;判断在所述触控焦点位置对应的检测区域内是否存在指定按钮;若判断得到所述检测区域内存在指定按钮,则执行所述指定按钮对应的预处理逻辑,得到预处理结果。根据本专利技术的另一方面,提供了一种基于前端预处理的按钮处理装置,包括:配置模块,用于为前端页面中的指定按钮配置对应的预处理逻辑;检测模块,用于实时检测前端页面中触控焦点位置;判断模块,用于判断在所述触控焦点位置对应的检测区域内是否存在指定按钮;处理模块,用于若判断得到所述检测区域内存在指定按钮,则执行所述指定按钮对应的预处理逻辑,得到预处理结果。根据本专利技术的又一方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行上述一种基于前端预处理的按钮处理方法对应的操作。根据本专利技术的再一方面,提供了一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如上述一种基于前端预处理的按钮处理方法对应的操作。根据本专利技术的一种基于前端预处理的按钮处理方法和装置,通过为前端页面中的指定按钮配置对应的预处理逻辑;实时检测前端页面中触控焦点位置;判断在触控焦点位置对应的检测区域内是否存在指定按钮;若判断得到检测区域内存在指定按钮,则执行指定按钮对应的预处理逻辑,得到预处理结果。本专利技术通过为前端页面的指定按钮配置对应的预处理逻辑,实时检测前端页面中触控焦点位置,判断在触控焦点位置对应的检测区域内是否存在指定按钮,当检测区域内存在指定按钮时触发预处理逻辑,解决因前端按钮同时处理大量任务引起的服务器能耗过大的问题,从而对服务器运营公司进行降压减压,更加高效的实现节能减排。上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本专利技术的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1示出了本专利技术实施例提供的一种基于前端预处理的按钮处理方法流程图;图2示出了本专利技术实施例中前端页面为PC设备对应的Web页面时的示意图;图3示出了本专利技术实施例中前端页面为移动设备对应的应用页面时的示意图;图4示出了本专利技术实施例提供的一种基于前端预处理的按钮处理装置的结构示意图;图5示出了本专利技术实施例提供的计算设备的结构示意图。具体实施方式下面将参照附图更详细地描述本专利技术的示例性实施例。虽然附图中显示了本专利技术的示例性实施例,然而应当理解,可以以各种形式实现本专利技术而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本专利技术,并且能够将本专利技术的范围完整的传达给本领域的技术人员。图1示出了本专利技术一种基于前端预处理的按钮处理方法实施例的流程图,如图1所示,该方法包括以下步骤S110-S180:步骤S110:为前端页面中的指定按钮配置对应的预处理逻辑。在本步骤中,前端页面可以包括PC设备对应的Web页面和移动设备对应的应用页面等,其指定按钮为当前前端页面中触发后可以实现具体功能逻辑的按钮,本领域技术人员可根据实际需要选择指定按钮,此处不做限定。例如,用户点击该按钮的期望是打开新页面或者实现新功能,则该按钮可以作为当前前端页面的指定按钮。具体地,可以通过为前端页面的指定按钮预先写入通用的JS(JavaScript)脚本,从而配置对应的预处理逻辑。图2为本实施例中前端页面为PC设备对应的Web页面时的示意图,如图2所示,该页面中可以实现具体功能逻辑的按钮为“登录”和“注册”按钮,用户点击上述按钮的期望是实现“登录”或“注册”功能,并打开新页面,因此,可将“登录”或“注册”作为当前前端页面对应的指定按钮。图3为本实施例中前端页面为移动设备对应的应用页面时的示意图,如图3所示,该页面中可以实现具体功能逻辑的按钮为“设置”和“进入游戏”按钮,用户点击上述按钮的期望是实现功能设置或进入游戏并打开下一页面功能,因此,“设置”和“进入游戏”为当前前端页面对应的指定按钮。需要特别说明的是,除了上述示例指出的指定按钮,前端页面的指定按钮还可以包括:用于实现添加好友或添加道具的“+”按钮;用于打开新页面或隐藏页面的“…”按钮等,本专利技术实施例对此不加以限制。步骤S120:实时检测前端页面中触控焦点位置。具体地说,触控焦点可以为用户的操作焦点,例如Web页面中通过鼠标控制的光标、应用页面中通过触控屏幕控制的触摸点等等,本专利技术实施例对此不加以限制。在本步骤中,通过步骤S110为前端页面的指定按钮预先写入通用的JS脚本,该JS脚本按照预设时间间隔(如50毫秒)进行触控焦点位置监控。步骤S130:将以触控焦点位置为中心,预设距离为半径的区域配置为触控焦点位置对应的检测区域。在本步骤中,实时检测前端页面中触控焦点的位置,并以触控焦点位置为中心,预设距离为半径的区域配置为触控焦点位置对应的检测区域。具体地说,如图2所示,本文档来自技高网...

【技术保护点】
1.一种基于前端预处理的按钮处理方法,其特征在于,包括:/n为前端页面中的指定按钮配置对应的预处理逻辑;/n实时检测前端页面中触控焦点位置;/n判断在所述触控焦点位置对应的检测区域内是否存在指定按钮;/n若判断得到所述检测区域内存在指定按钮,则执行所述指定按钮对应的预处理逻辑,得到预处理结果。/n

【技术特征摘要】
1.一种基于前端预处理的按钮处理方法,其特征在于,包括:
为前端页面中的指定按钮配置对应的预处理逻辑;
实时检测前端页面中触控焦点位置;
判断在所述触控焦点位置对应的检测区域内是否存在指定按钮;
若判断得到所述检测区域内存在指定按钮,则执行所述指定按钮对应的预处理逻辑,得到预处理结果。


2.根据权利要求1所述的方法,其特征在于,在所述判断在所述触控焦点位置对应的检测区域内是否存在指定按钮之前,所述方法还包括:
将以所述触控焦点位置为中心,预设距离为半径的区域配置为所述触控焦点位置对应的检测区域。


3.根据权利要求1所述的方法,其特征在于,若判断得到所述检测区域内存在指定按钮,在所述执行所述指定按钮对应的预处理逻辑之前,所述方法还包括:
判断所述指定按钮在所述检测区域内的累计存在时长是否大于预设时长;
所述执行所述指定按钮对应的预处理逻辑,得到预处理结果进一步包括:若累计存在时长大于预设时长,则执行所述指定按钮对应的预处理逻辑,得到预处理结果。


4.根据权利要求1所述的方法,其特征在于,所述指定按钮对应的预处理逻辑包括:针对待判断数据的权限预判定逻辑;所述方法还包括:抓取所述用户对应的待判断数据;
所述执行所述指定按钮对应的预处理逻辑,得到预处理结果进一步包括:按照所述权限预判定逻辑,检测所述用户对应的待判断数据是否符合预设权限要求,得到权限预判定结果。


5.根据权利要求1所述的方法,其特征在于,所述指定按钮对应的预处理逻辑包括:针对待计算数据的数据预计算逻辑;所述方法还包括:接收服务器发送的所述待计算...

【专利技术属性】
技术研发人员:王燕来
申请(专利权)人:数贸科技北京有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1