[发明专利]一种用于加载动画防止频繁闪烁的方法

权利要求书

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中，利用计数器减少展示加载动画showMask()和隐藏加载动画hideMask()次数，

当进入接口处理方法时，如果计数器为0时，执行一次展示加载动画showMask()；

当执行宏队列任务时，如果计数器为0时，执行一次隐藏加载动画hideMask()。

6.一种用于加载动画防止频繁闪烁的方法，其特征在于，实现步骤为：

101、初始化计数器为0；

102、进行接口请求；

103、调用接口请求方法sendAjax()；

104、初始化展示加载动画标识maskFlag；

105、判断maskFlag是否为true，是则进行下一步，否则转到107步骤；

106、计数器加1，执行展示加载动画方法showMask()；

107、创建axios实例，封装为request()接口请求方法，并调用request()；

108、判断request()方法是否报错，是则进行下一步，否则转到110步骤；

109、判断maskFlag是否为true，是则计数器减1，然后完成request()方法；否则直接完成request()方法；完成request()方法后转到步骤114；

110、完成request()方法；

111、判断maskFlag是否为true，是则计数器减1，否则转到步骤114；

112、创建宏任务，判断计数器是否小于等于0；是则执行下一步，否则转到步骤114；

113、重置计数器为0，执行隐藏加载动画hideMask()；

114、完成sendAjax()方法。