网站运营活动处理方法及装置、存储介质、电子设备制造方法及图纸

技术编号:18349743 阅读:25 留言:0更新日期:2018-07-01 22:29
本公开是关于一种网站运营活动处理方法及装置,属于计算机技术领域,该方法包括:为HTML网页配置Canvas画布,并利用所述Canvas画布获取所述HTML网页中的Canvas元素;利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域;监听用户对所述网站运营活动的触控事件,如果监听到所述触控事件,则利用所述触控事件清除所述预设触控区域中的Canvas元素。该方法可以降低用户消耗的流量并加快网页的响应速度,为用户节省了流量开支同时也提升了用户体验。

【技术实现步骤摘要】
网站运营活动处理方法及装置、存储介质、电子设备
本公开涉及计算机
,具体而言,涉及一种网站运营活动处理方法、网站运营活动处理装置、计算机可读存储介质以及电子设备。
技术介绍
在网站运营以及产品推广的过程中,经常会进行一些与产品相关的运营活动的推广以及实施,便于广大用户对产品的了解,同时也可以增加网站的点击量以及搜索量,起到推广的作用。以某网站向用户推荐空气净化器的运营活动为例,网站开发人员可以在该网站的核心程序的基础上,以小游戏的模式进一步编写相关用于实现上述运营活动的活动程序。进一步的,用户可以通过点击终端屏幕控制页面中画布内容的状态达到参与活动的目的。在上述空气净化器的运营活动中,清楚雾霾的动画效果可以通过使用大量图片并以逐张切换图片的方式来进行实现,具体的可以包括:当接收到用户的触控事件后,可以更换一张雾霾较少的图片来替代原本雾霾较多的图片。但是,通过上述方式会需要使用大量图片才能实现雾霾消除的效果,因此终端设备需要加载的文件数量较多且体积较大,容易造服务器压力过大导致系统反应较慢不能及时切换图片等问题,使得用户体验较差,不能很好的起到产品宣传的效果。因此,需要提供一种新的网站运营活动处理方法及装置。需要说明的是,在上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
技术实现思路
本公开的目的在于提供一种网站运营活动处理方法、网站运营活动处理装置、计算机可读存储介质以及电子设备,进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的由于需要加载大量文件导致系统反应较慢不能及时切换图片的问题。根据本公开的一个方面,提供一种网站运营活动处理方法,包括:为HTML网页配置Canvas画布,并利用所述Canvas画布获取所述HTML网页中的Canvas元素;利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域;监听用户对所述网站运营活动的触控事件,如果监听到所述触控事件,则利用所述触控事件清除所述预设触控区域中的Canvas元素。在本公开的一种示例性实施例中,在监听用户对所述网站运营活动的触控事件之后,所述网站运营活动处理方法还包括:为所述触控事件绑定预设指令。在本公开的一种示例性实施例中,为所述触控事件绑定预设指令包括:清除所述预设触控区域中的历史Canvas元素得到第一触控区域;根据所述用户的终端设备的尺寸在所述第一触控区域内绘制有效触控区域;将所述有效触控区域作为预设指令,并将所述预设指令与所述触控事件进行绑定。在本公开的一种示例性实施例中,所述预设触控区域包括多个触控子区域;其中,利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域包括:利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的各所述触控子区域;利用各所述触控子区域构成所述预设触控区域;其中,各所述触控子区域的大小与所述用户的终端设备的尺寸大小成正比。根据本公开的一个方面,提供一种网站运营活动处理装置,包括:元素获取模块,用于为HTML网页配置Canvas画布,并利用所述Canvas画布获取所述HTML网页中的Canvas元素;第一触控区域绘制模块,用于利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域;第一触控区域判断模块,用于监听用户对所述网站运营活动的触控事件,如果监听到所述触控事件,则利用所述触控事件清除所述预设触控区域中的Canvas元素。在本公开的一种示例性实施例中,所述网站运营活动处理装置还包括:预设指令绑定模块,用于为所述触控事件绑定预设指令。在本公开的一种示例性实施例中,所述预设指令绑定模块包括:历史数据清除模块,用于清除所述预设触控区域中的历史Canvas元素得到第一触控区域;第二触控区域绘制模块,用于根据所述用户的终端设备的尺寸在所述第一触控区域内绘制有效触控区域;预设指令绑定子模块,用于将所述有效触控区域作为预设指令,并将所述预设指令与所述触控事件进行绑定。在本公开的一种示例性实施例中,所述预设触控区域包括多个触控子区域;其中,所述第一触控区域绘制模块还包括:触控子区域绘制模块,用于利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的各所述触控子区域;触控区域确定模块,用于利用各所述触控子区域构成所述预设触控区域;其中,各所述触控子区域的大小与所述用户的终端设备的尺寸大小成正比。根据本公开的一个方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一项所述的网站运营活动处理方法。根据本公开的一个方面,提供一种电子设备,包括:处理器;以及存储器,用于存储所述处理器的可执行指令;其中,所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的网站运营活动处理方法。本公开一种网站运营活动处理方法及装置,通过利用Canvas画布获取HTML网页中的Canvas元素;再利用Canvas元素在HTML网页上绘制与网站运营活动关联的预设触控区域;并在监听到触控事件,利用触控事件清除预设触控区域中的Canvas元素;一方面,通过利用Canvas画布获取HTML网页中的Canvas元素,再利用Canvas元素在HTML网页上绘制与网站运营活动关联的预设触控区域然后利用触控事件清除预设触控区域中的Canvas元素的方式来达到减少现有技术方案中清除雾霾的效果,解决了现有技术中由于需要加载大量文件导致系统反应较慢不能及时切换图片的问题,减少了图片的使用数量,同时也减轻了服务器的压力;另一方面,由于减少了图片的使用数量,因此所需文件的总体积变小,可以降低用户消耗的流量并加快网页的响应速度,为用户节省了流量开支同时也提升了用户体验;再一方面,通过利用Canvas元素在HTML网页上绘制与网站运营活动关联的预设触控区域,相较于现有的图片切换方式,在制作上具有更好的灵活性以及拓展性,可以加快开发人员的开发速度,同时节省时间成本。应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1示意性示出一种网站运营活动处理方法的流程图。图2示意性示出一种网站运营活动处理的示例图。图3示意性示出一种网站运营活动处理的效果图。图4示意性示出一种为触控事件绑定预设指令的方法流程图。图5示意性示出一种如果所述触控事件在预设时间内的触控区域不小于所述预设触控区域,则继续监听下一次触控事件的方法流程图。图6示意性示出一种利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域的方法流程图。图7示意性示出一种网站运营活动处理装置的框图。图8示意性示出一种用于实现上述网站运营活动处理方法的电子设备框图。图9示意性示出一种用于实现上述网站运营活动处理方法的计算机可读存储介质。具体实施方式现在将参考附图更全面地描述本文档来自技高网...
网站运营活动处理方法及装置、存储介质、电子设备

【技术保护点】
1.一种网站运营活动处理方法,其特征在于,包括:为HTML网页配置Canvas画布,并利用所述Canvas画布获取所述HTML网页中的Canvas元素;利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域;监听用户对所述网站运营活动的触控事件,如果监听到所述触控事件,则利用所述触控事件清除所述预设触控区域中的Canvas元素。

【技术特征摘要】
1.一种网站运营活动处理方法,其特征在于,包括:为HTML网页配置Canvas画布,并利用所述Canvas画布获取所述HTML网页中的Canvas元素;利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域;监听用户对所述网站运营活动的触控事件,如果监听到所述触控事件,则利用所述触控事件清除所述预设触控区域中的Canvas元素。2.根据权利要求1所述的网站运营活动处理方法,其特征在于,在监听用户对所述网站运营活动的触控事件之后,所述网站运营活动处理方法还包括:为所述触控事件绑定预设指令。3.根据权利要求2所述的网站运营活动处理方法,其特征在于,为所述触控事件绑定预设指令包括:清除所述预设触控区域中的历史Canvas元素得到第一触控区域;根据所述用户的终端设备的尺寸在所述第一触控区域内绘制有效触控区域;将所述有效触控区域作为预设指令,并将所述预设指令与所述触控事件进行绑定。4.根据权利要求1所述的网站运营活动处理方法,其特征在于,所述预设触控区域包括多个触控子区域;其中,利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的预设触控区域包括:利用所述Canvas元素在所述HTML网页上绘制与网站运营活动关联的各所述触控子区域;利用各所述触控子区域构成所述预设触控区域;其中,各所述触控子区域的大小与所述用户的终端设备的尺寸大小成正比。5.一种网站运营活动处理装置,其特征在于,包括:元素获取模块,用于为HTML网页配置Canvas画布,并利用所述Canvas画布获取所述HTML网页中的Canvas元素;第一触控区域绘制模块,用于利用所述Canva...

【专利技术属性】
技术研发人员:张敏
申请(专利权)人:美的集团股份有限公司美的智慧家居科技有限公司
类型:发明
国别省市:广东,44

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

1