(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210911221.9 (22)申请日 2022.07.30 (71)申请人 郭富声 地址 510000 广东省广州市番禺区禺山大 道91号二座2004房 (72)发明人 郭富声　 (74)专利代理 机构 深圳知帮办专利代理有限公 司 44682 专利代理师 王艺欢 (51)Int.Cl. G06F 9/445(2018.01) G06F 9/451(2018.01) (54)发明名称 一种用于加载动画防止频繁闪烁的方法 (57)摘要 本发明公开了一种用于加载动画防止频繁 闪烁的方法， 包括如下步骤： 步骤1， 引入计数器； 步骤2， 将隐藏加载动画方法放在宏队列； 利用事 件循环机制， 将展示加载动画方法和接口请求方 法放在主线程， 将隐藏加载动画方法放在宏队 列； 步骤3， 利用计数器减少展 示和隐藏加载动画 次数； 当进入接口处理方法时， 如果计数器为0 时， 执行一次展示加载动画方法； 当执行宏队列 任务时， 如果计数器为0时， 执行一次隐藏加载动 画方法。 本发 明以减少隐藏加载动画方法执行次 数来作为技术优化方向， 能够大幅减少多余事件 执行次数， 性能和用户体验提升明显 。 权利要求书1页 说明书4页 附图2页 CN 115237502 A 2022.10.25 CN 115237502 A 1.一种用于加载动画防止频繁闪烁的方法， 其特 征在于包括如下步骤： 步骤1， 引入计数器； 步骤2， 将隐藏加载动画方法放在宏队列； 利用事件循环机制， 将展示加载动画方法和接口请求方法放在主线程， 将隐藏加载动 画方法放在宏队列； 步骤3， 利用计数器减少展示和隐藏加载动画次数； 当进入接口处理方法时， 如果计数器为0时， 执行一次展示加载动画方法； 当执行宏队 列任务时， 如果计数器为0时， 执 行一次隐藏加载动画方法。 2.如权利要求1所述的用于加载动画防止频繁闪烁的方法， 其特征在于所述步骤1中， 初始化加载计数器为0， 接口请求开始时+1， 接口请求结束或者报错时 ‑1。 当计数器大于1展 示加载动画， 等于 0隐藏加载动画。 3.如权利要求1所述的用于加载动画防止频繁闪烁的方法， 其特征在于步骤2中， 消息 必须等待 主线程多个接口请求消息处 理完， 再处 理隐藏加载动画方法。 4.如权利要求3所述的用于加载动画防止频繁闪烁的方法， 其特征在于步骤2中， 利用 函数setTimeout接受两个参数： 待加入队列的消息和一个时间值， 这个时间值默认为0， 代 表了消息被实际加入到队列的最小延迟时间； 如果队列 中有其它消息， setTimeout消息必须等待其它消息处理完， 再处理待加入队 列的消息 。 5.如权利要求1所述的用于加载动画防止频繁闪烁的方法， 其特征在于步骤3中， 利用 计数器减少展示加载动画sho wMask()和隐藏加载动画hideMask()次数， 当进入接口处 理方法时， 如果计数器为0时， 执 行一次展示加载动画sho wMask()； 当执行宏队列任务时， 如果计数器为0时， 执 行一次隐藏加载动画hideMask()。 6.如权利要求1所述的用于加载动画防止频繁闪烁的方法， 其特征在于具体地说， 实现 步骤为： 101、 初始化计数器为0； 102、 进行接口请求； 103、 调用接口请求方法sendAjax()； 104、 初始化展示， 加载动画标识maskFla g； 105、 判断maskFla g是否为t rue， 是则进行 下一步， 否则转到107步骤； 106、 计数器加1， 执 行展示加载动画方法sho wMask()； 107、 创建axi os实例， 封装为request()接口请求方法， 并调用request()； 108、 判断request()方法是否报错， 是则进行 下一步， 否则转到1 10步骤； 109、 判断maskFlag是否为true， 是则计数器减1， 然后完成request()方法； 否则直接 request()方法； 完成request()方法后转到步骤1 14； 110、 完成request()方法； 111、 判断maskFla g是否为t rue， 是则计数器减1， 否则转到步骤1 14； 112、 创建宏任务， 判断计数器是否小于等于 0； 是则执 行下一步， 否则转到步骤1 14； 113、 重置计数器为0， 执 行隐藏加载动画hideMask()； 114、 完成sendAjax()方法。权　利　要　求　书 1/1 页 2 CN 115237502 A 2一种用于加载动画防止频繁闪烁 的方法 技术领域 [0001]本发明属于软件管理的技术领域， 具体涉及一种用于加载动画防止频繁闪  烁的 方法。 背景技术 [0002]目前在处理多接 口调用的场景中， 互联网产品普遍存在加载动画频繁闪烁  的问 题。 [0003]什么是闪烁， 就是在进入界面时， 对于每个展示内容， 都存在着展示加载  动画及 隐藏加载动画， 进入首页一共请求多个接口， 每个接口响应时间有快有  慢， 这也是造成加 载动画闪烁的原因。 [0004]再之， 路由跳转指由一个地址跳转到另一个地址， 导致页面重新渲染。 当  连续请 求的接口中间发生路由跳转， 就不可避免地 发生页面渲 染和加载闪烁的  情况； 在请求访问 过程中， 由于请求访问该URL的主机有并发和连接数限制，  浏览器会把当前请求放入队列 中进行排队， 因此造成请求阻塞， 也是造成闪烁  的原因； 目前的处理方式是处理接口方法 自定义mask flag， mask flag指泛指蒙  层， 在调用接口时可以设置mask flag为false隐藏加 载动画， 当连续请求的接口  中， 其中某些接口设置 maskflag为false， 这也是造成加载动画 闪烁的原因。 [0005]为此， 如何消除动画频繁闪烁是在各种软件应用中 需要面临的一个问题。 发明内容 [0006]为解决上述问题， 本发明的首要 目的在于提供一种用于加载动画防止频繁  闪烁 的方法， 该方法是新型的前端接口处理的通用解决方案， 在处理多接口调  用的场景中， 能 够大幅减少加载动画的闪烁次数， 解决了加载动画频繁闪烁的  问题。 [0007]本发明是一种用于加载动画防止频繁闪烁的方法， 该方法以减少隐藏加载  动画 方法执行次数来作为技术优化方向， 能够大幅减少多余事件执行次数， 性  能和用户体验提 升明显。 [0008]加载动画频繁闪烁主要是多次执行隐藏加载动画方法造成的， 因此以减少  隐藏 加载动画方法执 行次数来作为 技术优化方向， [0009]为实现上述目的， 本发明的技 术方案如下。 [0010]一种用于加载动画防止频繁闪烁的方法， 该 方法包括以下步骤： [0011]步骤1， 引入计数器； [0012]初始化加载计数器为0， 接口请求开始时+1， 接口请求结束或者报错时 ‑1。 当计数 器大于1展示加载动画， 等于 0隐藏加载动画。 [0013]步骤2， 将隐藏加载动画方法放在宏队列； [0014]利用事件循环机制， 将展示加载动画方法和接口请求方法放在主线程， 将  隐藏加 载动画方法放在宏队列。 消息必须等待主线程多个接口请求消息处理完，  再处理隐藏加载说　明　书 1/4 页 3 CN 115237502 A 3