[发明专利]页面过渡效果实现方法有效
| 申请号： | 201910923775.9 | 申请日： | 2019-09-27 |
| 公开（公告）号： | CN110704765B | 公开（公告）日： | 2022-04-12 |
| 发明（设计）人： | 裴晓格 | 申请（专利权）人： | 四川长虹电器股份有限公司 |
| 主分类号： | G06F16/957 | 分类号： | G06F16/957 |
| 代理公司： | 成都虹桥专利事务所(普通合伙) 51124 | 代理人： | 李凌峰 |
| 地址： | 621000 四*** | 国省代码： | 四川;51 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 页面 过渡 效果 实现 方法 | ||
1.页面过渡效果实现方法，其特征在于，包括：
接收到打开新页面指令后，初始化当前接口访问数量为0，然后显示出预设的接口访问过渡页面，并实时监测当前接口访问数量，然后执行打开新页面指令，并实时监听新增的接口请求以及实时监听接口响应，每监听到一个新增的接口请求时，当前接口访问数量加1，每监听到一个接口响应时，当前接口访问数量减1；
若监测到当前接口访问数量由大于0的数变为0，则移除显示的接口访问过渡页面；
若监测到当前接口访问数量由大于0的数变为0，还显示出预设的页面加载过渡页面，并监听页面加载完成事件，若监听到页面加载完成事件，则移除显示的页面加载过渡页面。
2.如权利要求1所述的页面过渡效果实现方法，其特征在于，基于Vue.js框架进行开发，执行打开新页面指令时，在Vue.js生命周期中的created阶段进行接口请求。
3.如权利要求1所述的页面过渡效果实现方法，其特征在于，执行打开新页面指令时，通过Axios进行接口请求。
4.如权利要求1所述的页面过渡效果实现方法，其特征在于，通过Axios设置接口请求拦截器来实时监听新增的接口请求，通过Axios设置接口响应拦截器来实时监听接口响应。
5.如权利要求1所述的页面过渡效果实现方法，其特征在于，显示接口访问过渡页面时，采用HTML和CSS绘制接口访问过渡页面，通过将接口访问过渡页面的z-index值设置为最高以显示出接口访问过渡页面。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于四川长虹电器股份有限公司，未经四川长虹电器股份有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201910923775.9/1.html，转载请声明来源钻瓜专利网。
