CN112115395A - 一种用于实现页面路由跳转时的动画配置的方法与设备 - Google Patents
一种用于实现页面路由跳转时的动画配置的方法与设备 Download PDFInfo
- Publication number
- CN112115395A CN112115395A CN202010921736.8A CN202010921736A CN112115395A CN 112115395 A CN112115395 A CN 112115395A CN 202010921736 A CN202010921736 A CN 202010921736A CN 112115395 A CN112115395 A CN 112115395A
- Authority
- CN
- China
- Prior art keywords
- page
- animation
- jump
- animation configuration
- configuration
- 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
- 238000000034 method Methods 0.000 title claims abstract description 38
- 238000009877 rendering Methods 0.000 claims abstract description 25
- 238000012544 monitoring process Methods 0.000 claims abstract description 10
- 230000009191 jumping Effects 0.000 claims description 6
- 230000000694 effects Effects 0.000 abstract description 10
- 230000007704 transition Effects 0.000 description 25
- 238000005516 engineering process Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000005562 fading Methods 0.000 description 2
- 235000008694 Humulus lupulus Nutrition 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
- 230000001052 transient 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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L45/00—Routing or path finding of packets in data switching networks
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)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
与现有技术相比，本申请通过一种用于实现页面路由跳转时的动画配置的方法与设备，首先配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置，然后当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定，最后基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。通过该方法，基于配置的页面路由，可实现页面路由跳转的动画和反向动画，大大丰富了动画和方向动画可选择范围，提升了用户体验效果。
Description
技术领域
本申请涉及智能终端设备页面处理技术领域，尤其涉及一种用于实现页面路由跳转时的动画配置的技术。
背景技术
近年来随着页面的前端技术发展的突飞猛进，用于页面设计的前端框架也层出不穷，vue框架作为后起之秀在众多前端框架中脱颖而出，以其语法的简单明了、言简意赅，深受广大前端开发者所青睐。
其中，vue框架中作为过渡动画组件的transition组件，既能作用于页面上某个元素，又能作用于整个页面路由。然而，在作用于页面路由时，transition组件需要放置在router-view组件外面，这样使得每次页面路由跳转的动画形式很难控制，并且在页面路由跳转后若再进行路由返回，又很难配置一个反向动画。
发明内容
本申请的目的是提供一种用于实现页面路由跳转时的动画配置的方法与设备，用以解决现有技术中不能自由配置页面路由跳转的动画的技术问题。
根据本申请的一个方面，提供了一种用于实现页面路由跳转时的动画配置的方法，其中，所述方法包括：
配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；
当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；
基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。
可选地，其中，所述方法还包括：
当所述页面监听程序监听到当前页面路由跳转时，获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；
基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。
可选地，其中，所述离开动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述离开动画配置中的反向动画配置；
基于所述反向动画配置，实现所述当前页面对应的切入动画的渲染。
可选地，其中，所述反向动画配置基于预设的离开动画配置程序，与所述离开动画配置对应设定。
可选地，其中，所述切入动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述切入动画配置中的反向动画配置；
基于所述反向动画配置，实现所述跳转页面对应的离开动画的渲染。
可选地，其中，所述反向动画配置基于预设的切入动画配置程序，与所述切入动画配置对应设定。
可选地，其中，所述页面路由监听程序可置于每个页面路由配置或者置于每个页面路由可访问的公共配置。
可选地，其中，所述预设的离开动画配置程序中可设置一种或者多种离开动画，其中，当包含多种离开动画，随机确定一种离开动画作为所述当前页面的离开动画配置。
可选地，其中，所述预设的切入动画配置程序中可设置一种或者多种切入动画，其中，当包含多种切入动画，随机确定一种切入动画作为所述跳转页面的切入动画配置。
可选地，其中，所述页面路由包括vue框架下的页面路由。
根据本申请的另一方面，还提供了一种用于实现页面路由跳转时的动画配置的设备，其中，所述设备包括：
第一装置，用于配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；
第二装置，用于当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；
第三装置，用于基于所述当前页面的切入动画配置，实现所述当前页面对应的离开动画的渲染。
可选地，其中，所述设备还包括：
第四装置，用于当所述页面监听程序监听到当前页面路由跳转时，获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；
第五装置，用于基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。
与现有技术相比，本申请通过一种用于实现页面路由跳转时的动画配置的方法与设备，首先配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置，然后当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定，最后基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。通过该方法，基于配置的页面路由，可实现页面路由跳转的动画和反向动画，大大丰富了动画和方向动画可选择范围，提升了用户体验效果。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
图1示出根据本申请一个方面的一种用于实现页面路由跳转时的动画配置的方法流程图；
图2示出根据本申请另一个方面的一种用于实现页面路由跳转时的动画配置的设备示意图；
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
在本申请一个典型的配置中，系统各模块、设备和/或者可信方均包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
为更进一步阐述本申请所采取的技术手段及取得的效果，下面结合附图及优选实施例，对本申请的技术方案，进行清楚和完整的描述。
图1示出本申请一个方面的一种用于实现页面路由跳转时的动画配置的方法流程图，其中，一个实施例的方法包括：
S11配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；
S12当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；
S13基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。
在本申请中，所述方法通过设备1执行，所述设备1为计算机设备和/或云，所述计算机设备包括但不限于个人计算机、笔记本电脑、智能终端设备。
在此，所述计算机设备仅为举例，其他现有的或者今后可能出现的设备和/或资源共享平台如适用于本申请也应包含在本申请的保护范围内，在此，以引用的方式包含于此。
在该实施例中，在所述步骤S11中，在基于vue框架的设备1上，将vue框架的watch属性应用到vue-router上，配置页面路由监听程序，可用来监听其中的transition组件的页面路由跳转以及采用的动画形式，包括前向路由及反向路由的动画形式。其中，所述动画形式是基于配置的css实现的。
例如，transition组件内部元素跟v-if及v-show结合，可实现实现切入和离开动画：当v-if的条件为true时，v-show的元素表现为切入动画，其中，分别具有name-enter，name-enter-to的属性类名；而当v-if的条件为false的时候，v-show的元素表现为离开动画，其中，分别具有name-leave，name-leave-to的属性类名。因此，只需要针对这name-enter，name-enter-to，name-leave，name-leave-to这四种属性的状态配置css。
当transition组件作用于vue-router的router-view组件，若路由发生变化时，现有路由不会立即消失，而是当transition标签配置的过渡动画结束时才消失，而现有路由具有name-leave和name-leave-to的属性类名，拥有transition组件的离开动画，要跳转路由则具有name-enter和name-enter-to的属性类名，拥有transition组件的切入动画。
继续在该实施例中，在所述步骤S12中，当设备1上运行的页面监听程序监听到当前页面路由跳转时，获取所述当前页面transition组件中配置的离开动画，其中，所述当前页面transition组件中配置对应的离开动画基于预设的离开动画配置程序设定。例如，在离开动画配置程序中设定name-leave和name-leave-to对应的css配置。
继续在该实施例中，在所述步骤S13中，设备1获取到所述当前页面transition组件中配置的离开动画，渲染以实现当前页面对应的动画离开效果。
例如，离开动画配置程序中设定了透明度淡出的离开动画，当设备1基于watch属性的页面路由监听程序监听到当前页面要跳转，则获取当前页面transition组件中配置对应离开动画配置程序中设定的离开动画，当前页面透明度淡出，完成路由跳转。
可选地，其中，所述方法还包括：
S14(未示出)当所述页面监听程序监听到当前页面路由跳转时，获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；
S15(未示出)基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。
在该实施例中，在所述步骤S14中，当设备1上运行的页面监听程序监听到当前页面路由跳转时，获取所述跳转页面transition组件中配置的切入动画，其中，所述当前页面transition组件中配置对应的切入动画基于预设的切入动画配置程序设定。例如，在切入动画配置程序中设定name-enter和name-enter-to对应的css配置。
继续在该实施例中，在所述步骤S15中，设备1获取到所述当前页面transition组件中配置的切入动画，渲染以实现当前页面对应的动画切入效果。
例如，切入动画配置程序中设定了跳转页面自右向左透明度淡入的切入动画，当设备1基于watch属性的页面路由监听程序监听到当前页面要跳转，则获取跳转页面transition组件中配置对应切入动画配置程序中设定的切入动画，在当前页面透明度淡出后，跳转页面自右向左透明度淡入，完成路由跳转。
可选地，其中，所述离开动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述离开动画配置中的反向动画配置；
基于所述反向动画配置，实现所述当前页面对应的切入动画的渲染。
当设备1监听到跳转页面返回路由跳转时，获取到所述跳转页面返回到当前页面的transition组件中配置的反向动画，渲染以实现从跳转页面返回到当前页面对应的动画切入效果。
可选地，其中，所述反向动画配置基于预设的离开动画配置程序，与所述离开动画配置对应设定。
其中，如果离开动画配置程序中还设定了反向动画配置，该反向动画配置也是拥有transition组件的相关属性，具体反向动画形式可自由设定，但是，若与离开动画配置程序中的离开动画配置对应设置，则会使得用户体验效果更好。基于离开动画配置程序中的反向动画配置与离开动画配置对应设置，反向动画形式与所述离开动画形式互换角色对应，现有页面具有name-leave和name-leave-to的属性类名，拥有transition组件的离开动画，则其反向动画配置的name-enter与离开动画的name-leave-to相同，而其反向动画配置的name-enter-to与离开动画的name-leave相同。
例如，离开动画配置程序中设定了自右向左的离开动画及自左向右的反向动画，当设备1基于watch属性的页面路由监听程序监听到跳转页面要返回当前页面，则获取transition组件中配置的对应离开动画配置程序中设定的反向动画，在从跳转页面动画离开后，自左向右切入当前页面，完成路由跳转。
可选地，其中，所述切入动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述切入动画配置中的反向动画配置；
基于所述反向动画配置，实现所述跳转页面对应的离开动画的渲染。
当设备1监听到跳转页面返回路由跳转时，获取到所述跳转页面transition组件中配置的反向动画，渲染以实现从跳转页面离开对应的动画离开效果。
可选地，其中，所述反向动画配置基于预设的切入动画配置程序，与所述切入动画配置对应设定
其中，如果切入动画配置程序中还设定了反向动画配置，该反向动画配置也是拥有transition组件的相关属性，具体反向动画形式可自由设定，但是，若与切入动画配置程序中的切入动画配置对应设置，则会使得用户体验效果更好。基于切入动画配置程序中的反向动画配置与切入动画配置对应设置，反向动画形式与所述切入动画形式互换角色对应，跳转页面具有name-enter和name-enter-to的属性类名，拥有transition组件的切入动画，则其反向动画配置的name-leave与切入动画的name-enter-to相同，而其反向动画配置的name-leave-to与切入动画的name-enter相同。
例如，离开动画配置程序中设定了自右向左的离开动画及自左向右的反向动画，当设备1基于watch属性的页面路由监听程序监听到跳转页面要返回当前页面，则获取transition组件中配置的对应离开动画配置程序中设定的反向动画，在从跳转页面动画离开后，自左向右切入当前页面，完成路由跳转。
可选地，其中，所述页面路由监听程序可置于每个页面路由配置或者置于每个页面路由可访问的公共配置。
其中，所述页面路由监听程序对每一页的路由跳转都要进行监听，为了提高程序效率，并减少代码冗余，可以将监听路由跳转放在主程序里作为公共配置，在每页都可调用该公共配置监听路由跳转。例如，vue框架的watch监听在每一页都可以进行，为了便于配置，放在App.vue里，这样每页都可以读取到这个公共配置，监听当前页面的路由跳转。
可选地，其中，所述预设的离开动画配置程序中可设置一种或者多种离开动画，其中，当包含多种离开动画，随机确定一种离开动画作为所述当前页面的离开动画配置。
其中，可在设备1的离开动画配置程序中设置一种或者多种离开动画，若设置了多种离开动画，则在监听到当前页面路由跳转后，随机获取其中的一种离开动画作为当前页面的离开动画，例如，可在设备1的离开动画配置程序中设置多种离开动画，比如，自左向右淡出、自上向下淡出、3D翻转离开等等。
可选地，其中，所述预设的切入动画配置程序中可设置一种或者多种切入动画，其中，当包含多种切入动画，随机确定一种切入动画作为所述跳转页面的切入动画配置。
其中，可在设备1的切入动画配置程序中设置一种或者多种切入动画，若设置了多种切入动画，则在监听到当前页面路由跳转后，随机获取其中的一种切入动画作为跳转页面的切入动画，例如，可在设备1的切入动画配置程序中设置多种切入动画，比如，自右向左淡入、自下向上淡入、3D翻转切入等等。
可选地，其中，所述页面路由包括vue框架下的页面路由。
一个vue框架下实现页面路由跳转的动画的相关代码设置的实施例中，在dom文件部分，dom元素读取数据中的transitionName，以实现渲染动画效果。
这样可以随意配置监听到当前页面路由跳转时的离开动画、跳转页面的切入动画，以及监听到返回路由时的返回动画。
图2示出根据本申请另一个方面的一种用于实现页面路由跳转时的动画配置的设备示意图，其中，所述设备包括：
第一装置21，用于配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；
第二装置22，用于当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；
第三装置23，用于基于所述当前页面的切入动画配置，实现所述当前页面对应的离开动画的渲染。
可选地，所述设备还包括：
第四装置24(未示出)，用于当所述页面监听程序监听到当前页面路由跳转时，获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；
第五装置25(未示出)，用于基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。
根据本申请的又一方面，还提供了一种计算机可读介质，所述计算机可读介质存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现前述方法。
根据本申请的又一方面，还提供了一种用于实现页面路由跳转时的动画配置的设备，其中，该设备包括：
一个或多个处理器；以及
存储有计算机可读指令的存储器，所述计算机可读指令在被执行时使所述处理器执行如前述方法的操作。
例如，计算机可读指令在被执行时使所述一个或多个处理器：配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。进一步地，当所述页面监听程序监听到当前页面路由跳转时，还获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。装置权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。
Claims (14)
1.一种用于实现页面路由跳转时的动画配置的方法，其特征在于，所述方法包括：
配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；
当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；
基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
当所述页面监听程序监听到当前页面路由跳转时，获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；
基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。
3.根据权利要求1所述的方法，其特征在于，所述离开动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述离开动画配置中的反向动画配置；
基于所述反向动画配置，实现所述当前页面对应的切入动画的渲染。
4.根据权利要求3所述的方法，其特征在于，所述反向动画配置基于预设的离开动画配置程序，与所述离开动画配置对应设定。
5.根据权利要求2所述的方法，其特征在于，所述切入动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述切入动画配置中的反向动画配置；
基于所述反向动画配置，实现所述跳转页面对应的离开动画的渲染。
6.根据权利要求5所述的方法，其特征在于，所述反向动画配置基于预设的切入动画配置程序，与所述切入动画配置对应设定。
7.根据权利要求1至6中任一项所述的方法，其特征在于，所述页面路由监听程序可置于每个页面路由配置或者置于每个页面路由可访问的公共配置。
8.根据权利要求1所述的方法，其特征在于，所述预设的离开动画配置程序中可设置一种或者多种离开动画，其中，当包含多种离开动画，随机确定一种离开动画作为所述当前页面的离开动画配置。
9.根据权利要求2所述的方法，其特征在于，所述预设的切入动画配置程序中可设置一种或者多种切入动画，其中，当包含多种切入动画，随机确定一种切入动画作为所述跳转页面的切入动画配置。
10.根据权利要求1至9中任一项所述的方法，其特征在于，所述页面路由包括vue框架下的页面路由。
11.一种用于实现页面路由跳转时的动画配置的设备，其特征在于，所述设备包括：
第一装置，用于配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；
第二装置，用于当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；
第三装置，用于基于所述当前页面的切入动画配置，实现所述当前页面对应的离开动画的渲染。
12.根据权利要求11所述的设备，其特征在于，所述设备还包括：
第四装置，用于当所述页面监听程序监听到当前页面路由跳转时，获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；
第五装置，用于基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。
13.一种计算机可读介质，其特征在于，
其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现如权利要求1至10中任一项所述的方法。
14.一种设备，其特征在于，该设备包括：
一个或多个处理器；以及
存储有计算机可读指令的存储器，所述计算机可读指令在被执行时使所述处理器执行如权利要求1至10中任一项所述方法的操作。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010921736.8A CN112115395A (zh) | 2020-09-04 | 2020-09-04 | 一种用于实现页面路由跳转时的动画配置的方法与设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010921736.8A CN112115395A (zh) | 2020-09-04 | 2020-09-04 | 一种用于实现页面路由跳转时的动画配置的方法与设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112115395A true CN112115395A (zh) | 2020-12-22 |
Family
ID=73802217
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010921736.8A Pending CN112115395A (zh) | 2020-09-04 | 2020-09-04 | 一种用于实现页面路由跳转时的动画配置的方法与设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112115395A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112905280A (zh) * | 2021-02-07 | 2021-06-04 | 腾竞体育文化发展(上海)有限公司 | 页面显示方法、装置、设备及存储介质 |
| CN113656127A (zh) * | 2021-08-12 | 2021-11-16 | 北京数码大方科技股份有限公司 | 页面路由方法、装置、存储介质及处理器 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109976755A (zh) * | 2019-02-27 | 2019-07-05 | 深圳点猫科技有限公司 | 基于编程语言为Vue创建动画效果的方法以及电子设备 |
| CN110008429A (zh) * | 2019-04-09 | 2019-07-12 | 吉旗（成都）科技有限公司 | 一种页面跳转方法和装置、存储介质及终端 |
| WO2019233292A1 (zh) * | 2018-06-07 | 2019-12-12 | 阿里巴巴集团控股有限公司 | 一种应用程序的开发方法和装置 |
| CN111324350A (zh) * | 2020-01-21 | 2020-06-23 | 上海悦易网络信息技术有限公司 | 页面显示方法及设备 |
-
2020
- 2020-09-04 CN CN202010921736.8A patent/CN112115395A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2019233292A1 (zh) * | 2018-06-07 | 2019-12-12 | 阿里巴巴集团控股有限公司 | 一种应用程序的开发方法和装置 |
| CN109976755A (zh) * | 2019-02-27 | 2019-07-05 | 深圳点猫科技有限公司 | 基于编程语言为Vue创建动画效果的方法以及电子设备 |
| CN110008429A (zh) * | 2019-04-09 | 2019-07-12 | 吉旗（成都）科技有限公司 | 一种页面跳转方法和装置、存储介质及终端 |
| CN111324350A (zh) * | 2020-01-21 | 2020-06-23 | 上海悦易网络信息技术有限公司 | 页面显示方法及设备 |
Non-Patent Citations (2)
| Title |
|---|
| CALMHARBIN: "vue路由切换动画，前进左滑，后退右滑", pages 2 - 4, Retrieved from the Internet <URL:https://blog.csdn.net/qq_33081841/article/details/86244689> * |
| 授社: "vue 路由跳转 动画 超详细", pages 2 - 3, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_44028979/article/details/102583027> * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112905280A (zh) * | 2021-02-07 | 2021-06-04 | 腾竞体育文化发展(上海)有限公司 | 页面显示方法、装置、设备及存储介质 |
| CN112905280B (zh) * | 2021-02-07 | 2023-12-15 | 腾竞体育文化发展(上海)有限公司 | 页面显示方法、装置、设备及存储介质 |
| CN113656127A (zh) * | 2021-08-12 | 2021-11-16 | 北京数码大方科技股份有限公司 | 页面路由方法、装置、存储介质及处理器 |
| CN113656127B (zh) * | 2021-08-12 | 2023-08-04 | 北京数码大方科技股份有限公司 | 页面路由方法、装置、存储介质及处理器 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112115395A (zh) | 一种用于实现页面路由跳转时的动画配置的方法与设备 | |
| US20140304626A1 (en) | Method and client device for displaying a page header | |
| US10193989B2 (en) | Visualization of user behavior | |
| CN111984204B (zh) | 一种数据读写方法、装置及电子设备和存储介质 | |
| JP2018528634A (ja) | 動画像をプレビューする方法及びデバイス、並びに表現パッケージを表示する方法及びデバイス | |
| CN112068911B (zh) | 电子表单的生成方法、装置、系统、设备以及介质 | |
| CN110362547A (zh) | 日志文件的编码、解析、存储方法和装置 | |
| CN111488096A (zh) | 一种用于在阅读应用中展示互动呈现信息的方法与设备 | |
| CN110716845A (zh) | 一种Android系统的日志信息读取的方法 | |
| CN108089904B (zh) | 一种展示页面扩展方法及设备 | |
| CN108769152B (zh) | 服务刷新策略注册、服务刷新请求方法、装置以及设备 | |
| CA3237551A1 (en) | Resource sharing method, terminal and computer readable medium | |
| CN107154960B (zh) | 用于确定分布式存储系统的服务可用性信息的方法与设备 | |
| CN110968373A (zh) | 一种页面切换的实现方法、装置、存储介质及处理器 | |
| CN112765129A (zh) | 一种实现数据库数据版本管理的方法与设备 | |
| CN111143711A (zh) | 对象搜索方法及系统 | |
| CN113094047B (zh) | 网页按钮的处理方法、装置、存储介质及处理器 | |
| CN114553971B (zh) | 一种应用框架的设计方法、系统、设备及介质 | |
| CN112131509B (zh) | 多入口页面复用方法、装置、计算机设备及可读存储介质 | |
| US11966376B1 (en) | System, method, and computer program for presenting tree data structures in tables | |
| CN109901942A (zh) | 终端刷机信息保存方法及设备 | |
| CN112486489A (zh) | 一种拍卖组件的渲染方法及设备 | |
| CN116360701A (zh) | 一种读取raid的数据指针的方法、装置、设备及介质 | |
| CN112329053A (zh) | 用于目标文件数据脱敏的方法与设备 | |
| CN116975151A (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 | ||
| CB02 | Change of applicant information |
Address after: Room 1101-1103, No. 433, Songhu Road, Yangpu District, Shanghai Applicant after: Shanghai wanwansheng Environmental Protection Technology Group Co.,Ltd. Address before: Room 1101-1103, No. 433, Songhu Road, Yangpu District, Shanghai Applicant before: SHANGHAI YUEYI NETWORK INFORMATION TECHNOLOGY Co.,Ltd. |
|
| CB02 | Change of applicant information |