CN114579031B - 滑动操作的响应方法、装置、服务器及存储介质 - Google Patents
滑动操作的响应方法、装置、服务器及存储介质 Download PDFInfo
- Publication number
- CN114579031B CN114579031B CN202210219667.5A CN202210219667A CN114579031B CN 114579031 B CN114579031 B CN 114579031B CN 202210219667 A CN202210219667 A CN 202210219667A CN 114579031 B CN114579031 B CN 114579031B
- Authority
- CN
- China
- Prior art keywords
- offset
- node
- list
- node list
- subscript
- 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 43
- 230000008859 change Effects 0.000 claims description 20
- 230000008569 process Effects 0.000 abstract description 7
- 238000012545 processing Methods 0.000 description 8
- 238000003672 processing method Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种滑动操作的响应方法、装置、服务器及存储介质,该方法包括:根据滑动操作确定滑动距离;计算滑动距离在文档对象模型中对应的偏移量;根据偏移量与偏移量常量的大小关系确定节点列表下标;将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。上述计算过程使用的参数不受其他滑动事件的影响,进而能够准确的确定预设插件输出滑动操作对应的反响应内容,提高滑动操作的反响应准确性。根据滑动距离能够快速的确定节点列表下标,使预设插件流畅的输出内容。
Description
技术领域
本发明实施例涉及触控处理技术,尤其涉及一种滑动操作的响应方法、装置、服务器及存储介质。
背景技术
随着互联网络前端技术的发展,越来越多的移动端应用提供基于用户滑动操作进行响应的组件。
例如,终端视图中显示有用户的每日消费记录,当用户滑动屏幕时,消费记录随之滚动,此时时间选择器中显示的时间跟随用户滑动操作而变化。时间选择器基于用户在消费记录中的滑动操作进行响应时间的调整的过程是一种基于用户操作进行反响应的过程。
然而,目前在进行滑动操作的响应时,存在滑动监听冲突的问题,滑动操作的响应往往根据其他进程提供滑动操作的监听事件进行触发,滑动事件出现相互捕获的情况,导致滑动操作的反响应的准确性较低。
发明内容
本发明提供一种滑动操作的响应方法、装置、服务器及存储介质,以实现提高滑动操作反响应的准确性。
第一方面,本发明实施例提供了一种滑动操作的响应方法,包括:
根据滑动操作确定滑动距离;
计算滑动距离在文档对象模型中对应的偏移量;
根据偏移量与偏移量常量的大小关系确定节点列表下标;
将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。
第二方面,本发明实施例还提供了一种滑动操作的响应装置,包括:
滑动距离确定模块,用于根据滑动操作确定滑动距离;
偏移量计算模块,用于计算滑动距离在文档对象模型中对应的偏移量;
下标确定模块,用于根据偏移量与偏移量常量的大小关系确定节点列表下标;
插件响应模块,用于将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。
第三方面,本发明实施例还提供了一种滑动操作的响应终端,终端包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如本申请实施例的流数据处理方法。
第四方面,本发明实施例还提供了一种包含计算机可执行指令的存储介质,计算机可执行指令在由计算机处理器执行时用于执行如本申请实施例的滑动操作的响应方法。
本发明实施例提供的流数据处理方法,根据滑动操作确定滑动距离;计算滑动距离在文档对象模型中对应的偏移量;根据偏移量与偏移量常量的大小关系确定节点列表下标;将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。本发明实施例提供的滑动操作的响应方法,根据用户的滑动操作可以得到滑动距离,根据偏移量和偏移量常量的大小关系,确定节点列表下标,根据节点列表下表确定预设插件输出的响应内容。上述计算过程使用的参数不受其他滑动事件的影响,能够准确的确定预设插件输出滑动操作对应的反响应内容,提高滑动操作的反响应准确性。根据滑动距离能够快速的确定节点列表下标,使预设插件流畅的输出内容。
附图说明
图1是本发明实施例一中的滑动操作的响应方法的流程图;
图2是本发明实施例二中的滑动操作的响应方法的流程图;
图3是本发明实施例三中的滑动操作的响应装置的结构示意图;
图4是本发明实施例四中的流数据处理终端的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
本发明涉及的技术名词如下:
Vue:是一套用于构建用户界面的渐进式JavaScript框架,其被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,便于与第三方库或既有项目整合。Vue完全有能力驱动采用单文件组件和Vue生态***支持的库开发的复杂单页应用。
jQuery:是一个快速、简洁的JavaScript框架,封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。拥有便捷的插件扩展机制和丰富的插件,兼容各种主流浏览器。
Mobiscroll:是一个用于触摸设备的日期和时间选择器UI组件,它的使用不会改变HTML5、PhoneGap以及混合应用的原生用户体验。作为一款jQuery滑动选择插件,用户可以自定义主题样式,为自己的移动项目UI组件添色。Mobiscroll可以作为本发明的一种预设插件的实现方式。
Dom:是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得用户可以访问页面中其他的标准组件,dom是以层次结构组织的节点或信息片断的集合。改层次结构允许开发人员在树中导航寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构,然后才能做任何工作。由于它是基于信息层次的,因而dom被认为是基于树或基于对象的。
Class:是类选择器,允许以一种独立于文档元素的方式来指定样式。在使用类选择器之前,需要修改具体的文档标记,以便类选择器正常工作。为了将类选择器的样式与元素关联,必须将class指定为一个适当的值,class类可以被多次引用。
Index:列表下标,其初始值为0。
实施例一
图1为本发明实施例一提供的滑动操作的响应方法的流程图,本实施例可适用于根据用户滑动操作进行反响应的情况,该方法可以由移动终端来执行,移动终端可以为智能手机、平板电脑等具有触控屏幕的设备,该方法具体包括如下步骤:
步骤110、根据滑动操作确定滑动距离。
用户在触摸屏上进行滑动时,触发滑动操作。根据滑动操作对应的轨迹长度,确定滑动距离。
进一步的,在步骤110、根据滑动操作确定滑动距离之前,还包括:
在文档对象模型中配置存在反响应变化需求的节点;
根据配置的存在反响应变化需求的节点class确定节点列表。
终端屏幕区域包括一个或多个具有层级结构的文档对象模型dom。预先配置存在反响应变化需求的节点class。文档对象模型dom通过视图显示节点列表。可以在dom中配置存在反响应变化需求的节点class,然后获取dom中内容节点class的节点列表。
进一步的,节点列表包含基于时间进行记录的数据;
预设插件为Mobiscroll组件。
预设组件可以由多种实现方式。可选的,预设插件为Mobiscroll组件。通过Mobiscroll组件,实现时间组件的输出。此外,节点列表中的节点class可以为用于记载用户记账信息的节点。在上述场景中,能够实现当用户滑动记账信息时,用户显示记账信息对应的时间的Mobiscroll组件,随着用户输出的滑动操作而进行时间内容的更新。
步骤120、计算滑动距离在文档对象模型中对应的偏移量。
可选的,在步骤120、计算滑动距离在文档对象模型中对应的偏移量之前,还包括:
根据屏幕宽度确定视图的偏移量常量。
根据屏幕宽度和预设参数进行计算,得到偏移量常量。
可选的,可以通过下述公式计算偏移量常量:
偏移量常量=100*(屏幕宽度/750)*C
其中,C为预设参数,预设参数C的取值范围可以为0.9-3.0。优选为1.95。可以根据显示节点列表的dom结构与屏幕的大小关系等因素确定预设参数的取值。
可选的,计算滑动距离在文档对象模型中对应的偏移量,可通过下述方式实施:
若节点列表下标不等于节点列表长度减一,则根据文档对象模型顶部坐标、目标节点的下一个未显示节点坐标以及滑动距离确定向下偏移量,目标节点为节点列表在视图内最下方显示的节点。
节点列表中的节点可以通过节点列表[x]进行表示。节点列表的节点序号从0起始。目标节点可以为节点列表[index]节点。判断节点列表下标是否不等于节点列表长度减一,若节点列表下标不等于节点列表长度减一,则计算向下偏移量,其值为列表[index+1]元素到顶部距离减去滑动距离。其中,顶部指的是节点列表所在的dom结构的顶部。
若节点列表下标等于节点列表长度减一,则向下偏移量为无穷大。
进一步的,计算向上偏移量,其值为目标节点(列表[index]元素)到dom顶部距离减去滑动距离。
步骤130、根据偏移量与偏移量常量的大小关系确定节点列表下标。
可选的,根据偏移量与偏移量常量的大小关系确定节点列表下标,可实施为:
步骤301、判断向下偏移量是否小于等于偏移量常量。
步骤302、若向下偏移量小于等于偏移量常量,将节点列表中目标节点的下一个未显示节点的下标确定为节点列表下标,节点列表下标加一。
其中,列表下标为index,目标节点的下一个未显示节点为index+1。列表下标加一指的是列表下标在当前数值的基础上进行加一。将列表[index+1]所对应变化内容赋值给mobiscroll中需反响应变化的值,然后列表下标加一。
进一步的,在判断向下偏移量是否小于等于偏移量常量之后,还包括:
步骤303、若向下偏移量大于偏移量常量,判断向上偏移量是否大于偏移量常量。
若向上偏移量大于偏移量常量,执行步骤304。若向上偏移量小于偏移量常量,执行步骤307。
步骤304、若向上偏移量大于偏移量常量,判断节点列表的下标是否不为零。
若节点列表的下标不为零,执行步骤305。若节点列表的下标为零,执行步骤306。
步骤305、若节点列表的下标不为零,将目标节点的上一个已显示节点的下标确定为节单列表下标,节点列表下标减一。
步骤306、若节点列表的下标为零,退出。
步骤307、若向上偏移量小于偏移量常量,退出。
判断向下偏移量是否小于或等于偏移量常量,若是,将列表[index+1]所对应变化内容赋值给mobiscroll中需反响应变化的值,然后列表下标加1;反之,判断向上偏移量是否大于偏移量常量。如果是,判断列表下标是否为0。如果为0,退出。如果不为0,将列表[index-1]所对应变化内容赋值给mobiscroll中需反响应变化的值,然后列表下标减1。
步骤140、将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。
本发明实施例提供的流数据处理方法,根据滑动操作确定滑动距离;计算滑动距离在文档对象模型中对应的偏移量;根据偏移量与偏移量常量的大小关系确定节点列表下标;将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。本发明实施例提供的滑动操作的响应方法,根据用户的滑动操作可以得到滑动距离,根据偏移量和偏移量常量的大小关系,确定节点列表下标,根据节点列表下表确定预设插件输出的响应内容。上述计算过程使用的参数不受其他滑动事件的影响,进而能够准确的确定预设插件输出滑动操作对应的反响应内容,提高滑动操作的反响应准确性。根据滑动距离能够快速的确定节点列表下标,使预设插件流畅的输出内容。
实施例二
图2为本发明实施例提供的一种滑动操作的响应方法的流程图,作为上述实施例的进一步说明,包括:
步骤201、在文档对象模型中配置存在反响应变化需求的节点class;根据配置的存在反响应变化需求的节点class确定节点列。
步骤202、根据屏幕宽度确定视图的偏移量常量。
步骤203、根据滑动操作确定滑动距离。
步骤204、计算向下偏移量。
若节点列表下标不等于节点列表长度减一,则根据文档对象模型顶部坐标、目标节点的下一个未显示节点坐标以及滑动距离确定向下偏移量,目标节点为节点列表在视图内最下方显示的节点。若节点列表下标等于节点列表长度减一,则向下偏移量为无穷大。
步骤205、计算向上偏移量。
将目标节点到dom结构顶部距离减去滑动距离,得到向上偏移量。
步骤206、判断向下偏移量是否小于等于偏移量常量;
步骤207、若向下偏移量小于等于偏移量常量,将节点列表中目标节点的下一个未显示节点的下标确定为节点列表下标,节点列表下标加一。
步骤208、若所述向下偏移量大于偏移量常量,判断向上偏移量是否大于偏移量常量。
步骤209、若向上偏移量大于偏移量常量,判断所述节点列表的下标是否不为零。
步骤210、若所述节点列表的下标不为零,将所述目标节点的上一个已显示节点的下标确定为节单列表下标,所述节点列表下标减一。
步骤211、将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。
本方法不仅具备反响应能力,还避免了可能存在的滑动事件被未知捕获,做到精准度高,响应流畅,可适用于给种类型的滑动插件和需要反响应能力的场景中,而且可做到滑动流畅,边界值可自定义的效果。
实施例三
图3为本发明实施例三提供的流数据处理装置的结构示意图,本实施例可适用于根据用户滑动操作进行反响应的情况,该方法可以由移动终端来执行,移动终端可以为智能手机、平板电脑等具有触控屏幕的设备,该装置具体包括:滑动距离确定模块310、偏移量计算模块320、下标确定模块330以及插件响应模块340。
滑动距离确定模块310,用于根据滑动操作确定滑动距离;
偏移量计算模块320,用于计算滑动距离在文档对象模型中对应的偏移量;
下标确定模块330,用于根据偏移量与偏移量常量的大小关系确定节点列表下标;
插件响应模块340,用于将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。
在上述实施方式的基础上,还包括配置模块和偏移量常量确定模块。其中,配置模块用于:
在文档对象模型中配置存在反响应变化需求的节点;
根据配置的存在反响应变化需求的节点确定节点列表。
在上述实施方式的基础上,还包括偏移量常量确定模块,偏移量常量确定模块用于:根据屏幕宽度确定视图的偏移量常量。
在上述实施方式的基础上,偏移量计算模块320用于:
若节点列表下标不等于节点列表长度减一,则根据文档对象模型顶部坐标、目标节点的下一个未显示节点坐标以及滑动距离确定向下偏移量,目标节点为节点列表在视图内最下方显示的节点;
若节点列表下标等于节点列表长度减一,则向下偏移量为无穷大;
将目标节点到dom结构顶部距离减去滑动距离,得到向上偏移量。
在上述实施方式的基础上,下标确定模块330用于:
判断向下偏移量是否小于等于偏移量常量;
若向下偏移量小于等于偏移量常量,将节点列表中目标节点的下一个未显示节点的下标确定为节点列表下标,节点列表下标加一。
在上述实施方式的基础上,下标确定模块330还用于:
若向下偏移量大于偏移量常量,判断向上偏移量是否大于偏移量常量;
若向上偏移量大于偏移量常量,判断节点列表的下标是否不为零;
若节点列表的下标不为零,将目标节点的上一个已显示节点的下标确定为节单列表下标,节点列表下标减一;
若节点列表的下标为零,退出。
在上述实施方式的基础上,节点列表包含基于时间进行记录的数据;预设插件为Mobiscroll组件。
本发明实施例提供的流数据处理装置,滑动距离确定模块310,用于根据滑动操作确定滑动距离;偏移量计算模块320,用于计算滑动距离在文档对象模型中对应的偏移量;下标确定模块330,用于根据偏移量与偏移量常量的大小关系确定节点列表下标;插件响应模块340,用于将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。本发明实施例提供的滑动操作的响应方法,根据用户的滑动操作可以得到滑动距离,根据偏移量和偏移量常量的大小关系,确定节点列表下标,根据节点列表下表确定预设插件输出的响应内容。上述计算过程使用的参数不受其他滑动事件的影响,进而能够准确的确定预设插件输出滑动操作对应的反响应内容,提高滑动操作的反响应准确性。根据滑动距离能够快速的确定节点列表下标,使预设插件流畅的输出内容。
本发明实施例所提供的流数据处理装置可执行本发明任意实施例所提供的流数据处理方法,具备执行方法相应的功能模块和有益效果。
实施例四
图4为本发明实施例四提供的一种滑动操作的响应终端的结构示意图,如图4所示,该滑动操作的响应终端包括处理器40、存储器41、输入装置42和输出装置43;滑动操作的响应终端中处理器40的数量可以是一个或多个,图4中以一个处理器40为例;滑动操作的响应终端中的处理器40、存储器41、输入装置42和输出装置43可以通过总线或其他方式连接,图4中以通过总线连接为例。
存储器41作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明实施例中的流数据处理方法对应的程序指令/模块(例如,流数据处理装置中的滑动距离确定模块310、偏移量计算模块320、下标确定模块330、插件响应模块340、配置模块和偏移量常量确定模块)。处理器40通过运行存储在存储器41中的软件程序、指令以及模块,从而执行滑动操作的响应终端的各种功能应用以及数据处理,即实现上述的流数据处理方法。
存储器41可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序;存储数据区可存储根据终端的使用所创建的数据等。此外,存储器41可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器41可进一步包括相对于处理器40远程设置的存储器,这些远程存储器可以通过网络连接至滑动操作的响应终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置42可用于接收输入的数字或字符信息,以及产生与滑动操作的响应终端的用户设置以及功能控制有关的键信号输入。输出装置43可包括显示屏等显示设备。
实施例五
本发明实施例五还提供一种包含计算机可执行指令的存储介质,计算机可执行指令在由计算机处理器执行时用于执行一种滑动操作的响应方法,该方法包括:
根据滑动操作确定滑动距离;
计算滑动距离在文档对象模型中对应的偏移量;
根据偏移量与偏移量常量的大小关系确定节点列表下标;
将节点列表下标对应的目标节点的内容反馈至预设插件,以便预设插件输出滑动操作对应的反响应内容。
在上述实施方式的基础上,在根据滑动操作确定滑动距离之前,还包括:
在文档对象模型中配置存在反响应变化需求的节点;
根据配置的存在反响应变化需求的节点确定节点列表。
在上述实施方式的基础上,在根据偏移量与偏移量常量的大小关系确定节点列表下标之前,还包括:
根据屏幕宽度确定视图的偏移量常量。
在上述实施方式的基础上,计算滑动距离在文档对象模型中对应的偏移量,包括:
若节点列表下标不等于节点列表长度减一,则根据文档对象模型顶部坐标、目标节点的下一个未显示节点坐标以及滑动距离确定向下偏移量,目标节点为节点列表在视图内最下方显示的节点;
若节点列表下标等于节点列表长度减一,则向下偏移量为无穷大;
将目标节点到dom结构顶部距离减去滑动距离,得到向上偏移量。
在上述实施方式的基础上,根据偏移量与偏移量常量的大小关系确定节点列表下标,包括:
判断向下偏移量是否小于等于偏移量常量;
若向下偏移量小于等于偏移量常量,将节点列表中目标节点的下一个未显示节点的下标确定为节点列表下标,节点列表下标加一。
在上述实施方式的基础上,在判断向下偏移量是否小于等于偏移量常量之后,还包括:
若向下偏移量大于偏移量常量,判断向上偏移量是否大于偏移量常量;
若向上偏移量大于偏移量常量,判断节点列表的下标是否不为零;
若节点列表的下标不为零,将目标节点的上一个已显示节点的下标确定为节单列表下标,节点列表下标减一;
若节点列表的下标为零,退出。
在上述实施方式的基础上,节点列表包含基于时间进行记录的数据;预设插件为Mobiscroll组件。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上的方法操作,还可以执行本发明任意实施例所提供的流数据处理方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台滑动操作的响应终端(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例的方法。
值得注意的是,上述装置的实施例中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (6)
1.一种滑动操作的响应方法,其特征在于,包括:
根据滑动操作确定滑动距离;
计算所述滑动距离在文档对象模型中对应的偏移量;
根据所述偏移量与偏移量常量的大小关系确定节点列表下标;
将所述节点列表下标对应的目标节点的内容反馈至预设插件,以便所述预设插件输出所述滑动操作对应的反响应内容;
在根据所述偏移量与偏移量常量的大小关系确定节点列表下标之前,还包括:
通过下述公式计算偏移量常量:偏移量常量=100*(屏幕宽度/750)*C,预设参数C的取值范围为0.9-3.0;
所述计算所述滑动距离在文档对象模型中对应的偏移量,包括:
目标节点为节点列表在视图内最下方显示的节点;
节点列表中的节点通过节点列表[x]进行表示,节点列表的节点序号从0起始,目标节点为节点列表[index]节点,判断节点列表下标是否不等于节点列表长度减一,若节点列表下标不等于节点列表长度减一,则计算向下偏移量,其值为列表[index+1]元素到顶部距离减去滑动距离;其中,顶部指的是节点列表所在的dom结构的顶部;
若节点列表下标等于节点列表长度减一,则向下偏移量为无穷大;
进一步的,计算向上偏移量,其值为目标节点到dom顶部距离减去滑动距离;
所述根据所述偏移量与偏移量常量的大小关系确定节点列表下标,包括:
判断向下偏移量是否小于或等于偏移量常量,若是,将列表[index+1]所对应变化内容赋值给mobiscroll中需反响应变化的值,然后列表下标加1;反之,判断向上偏移量是否大于偏移量常量;如果是,判断列表下标是否为0;如果为0,退出;如果不为0,将列表[index-1]所对应变化内容赋值给mobiscroll中需反响应变化的值,然后列表下标减1。
2.根据权利要求1所述的方法,其特征在于,在根据滑动操作确定滑动距离之前,还包括:
在文档对象模型中配置存在反响应变化需求的节点;
根据配置的存在反响应变化需求的节点class确定节点列表。
3.根据权利要求1所述的方法,其特征在于,所述节点列表包含基于时间进行记录的数据;所述预设插件为Mobiscroll组件。
4.一种滑动操作的响应装置,其特征在于,包括:
滑动距离确定模块,用于根据滑动操作确定滑动距离;
偏移量计算模块,用于计算所述滑动距离在文档对象模型中对应的偏移量;
下标确定模块,用于根据所述偏移量与偏移量常量的大小关系确定节点列表下标;
插件响应模块,用于将所述节点列表下标对应的目标节点的内容反馈至预设插件,以便所述预设插件输出所述滑动操作对应的反响应内容;
偏移量常量确定模块用于:通过下述公式计算偏移量常量:偏移量常量=100*(屏幕宽度/750)*C,预设参数C的取值范围为0.9-3.0;
所述偏移量计算模块用于:目标节点为节点列表在视图内最下方显示的节点;
节点列表中的节点通过节点列表[x]进行表示,节点列表的节点序号从0起始,目标节点为节点列表[index]节点,判断节点列表下标是否不等于节点列表长度减一,若节点列表下标不等于节点列表长度减一,则计算向下偏移量,其值为列表[index+1]元素到顶部距离减去滑动距离;其中,顶部指的是节点列表所在的dom结构的顶部;
若节点列表下标等于节点列表长度减一,则向下偏移量为无穷大;
进一步的,计算向上偏移量,其值为目标节点到dom顶部距离减去滑动距离;
下标确定模块用于:判断向下偏移量是否小于或等于偏移量常量,若是,将列表[index+1]所对应变化内容赋值给mobiscroll中需反响应变化的值,然后列表下标加1;反之,判断向上偏移量是否大于偏移量常量;如果是,判断列表下标是否为0;如果为0,退出;如果不为0,将列表[index-1]所对应变化内容赋值给mobiscroll中需反响应变化的值,然后列表下标减1。
5.一种滑动操作的响应终端,其特征在于,所述终端包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-3中任一所述的滑动操作的响应方法。
6.一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-3中任一所述的滑动操作的响应方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210219667.5A CN114579031B (zh) | 2022-03-08 | 2022-03-08 | 滑动操作的响应方法、装置、服务器及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210219667.5A CN114579031B (zh) | 2022-03-08 | 2022-03-08 | 滑动操作的响应方法、装置、服务器及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114579031A CN114579031A (zh) | 2022-06-03 |
CN114579031B true CN114579031B (zh) | 2023-11-21 |
Family
ID=81773623
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210219667.5A Active CN114579031B (zh) | 2022-03-08 | 2022-03-08 | 滑动操作的响应方法、装置、服务器及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114579031B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677562A (zh) * | 2013-11-12 | 2014-03-26 | 北京奇虎科技有限公司 | 时间显示方法及设备 |
CN109885375A (zh) * | 2019-03-05 | 2019-06-14 | 百度在线网络技术(北京)有限公司 | 一种列表滑动显示方法及移动终端 |
CN111783007A (zh) * | 2020-07-31 | 2020-10-16 | 迈普通信技术股份有限公司 | 一种显示渲染方法、装置、电子设备及存储介质 |
CN113204401A (zh) * | 2021-05-06 | 2021-08-03 | Oppo广东移动通信有限公司 | 浏览器渲染方法,终端及存储介质 |
CN113467871A (zh) * | 2021-06-28 | 2021-10-01 | 康键信息技术(深圳)有限公司 | H5页面展示方法、装置、设备及存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9049258B2 (en) * | 2009-09-17 | 2015-06-02 | Border Stylo, LLC | Systems and methods for anchoring content objects to structured documents |
-
2022
- 2022-03-08 CN CN202210219667.5A patent/CN114579031B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103677562A (zh) * | 2013-11-12 | 2014-03-26 | 北京奇虎科技有限公司 | 时间显示方法及设备 |
CN109885375A (zh) * | 2019-03-05 | 2019-06-14 | 百度在线网络技术(北京)有限公司 | 一种列表滑动显示方法及移动终端 |
CN111783007A (zh) * | 2020-07-31 | 2020-10-16 | 迈普通信技术股份有限公司 | 一种显示渲染方法、装置、电子设备及存储介质 |
CN113204401A (zh) * | 2021-05-06 | 2021-08-03 | Oppo广东移动通信有限公司 | 浏览器渲染方法,终端及存储介质 |
CN113467871A (zh) * | 2021-06-28 | 2021-10-01 | 康键信息技术(深圳)有限公司 | H5页面展示方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN114579031A (zh) | 2022-06-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102929599B (zh) | 移动终端浏览器界面的修改方法及装置、移动终端 | |
CN110806863A (zh) | 接口文档生成方法及装置、电子设备、存储介质 | |
CN106909281B (zh) | 一种应用内界面切换方法及装置 | |
CN108874393B (zh) | 渲染方法、装置、存储介质和计算机设备 | |
CN112711418B (zh) | 多组件的前端界面布局方法、装置、电子设备和存储介质 | |
CN112631580B (zh) | 数据处理方法、装置及计算设备 | |
CN112631591B (zh) | 表元素联动方法、装置、设备与计算机可读存储介质 | |
CN111581069A (zh) | 一种数据处理方法及装置 | |
CN109284488B (zh) | 基于本地存储修改前端表格列数据的方法、装置及介质 | |
CN110968314A (zh) | 一种页面生成方法及装置 | |
CN110941428A (zh) | 一种网站创建方法和装置 | |
CN112306486B (zh) | 一种界面生成方法、装置、服务器及存储介质 | |
CN111782213A (zh) | 基于dom的动态控制页面生成*** | |
CN111694549A (zh) | 数据处理方法、装置、终端及介质 | |
CN114579031B (zh) | 滑动操作的响应方法、装置、服务器及存储介质 | |
CN103514203A (zh) | 以阅读模式浏览网页的方法及*** | |
CN115186214A (zh) | 页面配置方法、装置、计算机设备及计算机可读存储介质 | |
CN114489645A (zh) | 一种基于Vue和Element-UI的表单生成构造方法、***和存储介质 | |
CN115878098A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN110502713A (zh) | 网页资源处理方法、装置、电子设备以及存储介质 | |
CN116009863B (zh) | 前端页面渲染方法、设备及存储介质 | |
CN116909563B (zh) | 页面的生成方法、终端设备和存储介质 | |
CN117520691B (zh) | 一种条目化数据显示方法、装置、存储介质及电子设备 | |
CN114217877A (zh) | 基于页面交互组件的操作处理方法、装置、设备及介质 | |
CN117707493A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |