bug介绍

[Violation] – 违反了…说明不符合js的某种格式，被警告了
最近做大屏项目得时候，页面在一定时间之后，控制台就会出现这种带427ms类似带hooks、ms得警告，这是因为某个事件或代码执行的太长了。

一个大屏因为有好几个图表和Lottie动画，为了有滚动效果，加了好几个定时器操作dom。。。不崩才怪。

解决思路

建议同步代码不能太多，因为是单线程的，事件执行超多界定时间就会警告。少定时器，多个定时器因为帧的原因可能会出现延迟叠加效果，尽量使用window.requestAnimationFrame方法实现相似效果。另外如果有新增定时器的操作，例如悬停停止，离开启动定时器，类似可以快速切换定时器的操作最好添加防抖函数；以免在极小时间内容重复多次执行定时器内容的操作，造成事件堵塞。

[Violation] ‘message‘ handler took 427ms相关推荐

使用spring-cloud-bus报错error occurred in message handler [org.springframework.integration.amqp.outbound
完整报错信息 error occurred in message handler [org.springframework.integration.amqp.outbound.AmqpOutbound ...
looper message handler之间的关系
looper比喻成排队买票的队伍,则排队的每个人就是一个message,handler就是维护队伍的管理员转载于:https://www.cnblogs.com/xilin/archive/2012 ...
vue使用echarts的堆叠折线图一直警告[Violation] 'requestAnimationFrame' handler 用时 N 毫秒怎么解决...
这个警告通常是因为你的图表渲染过于复杂或者数据量过大,导致在浏览器的一帧内渲染超时. 你可以尝试以下方法来解决这个问题: 减少图表中的数据量,使其更加简单,从而减少渲染时间. 使用图表的 lazyUp ...
易推流为什么显示连接服务器失败,live-pusher 推流总是失败?
您好: live-pusher 推流总是失败. 说明:网络没有问题, 推流地址已用腾讯云工具包和腾讯视频云测试可用. 服务器地址: "rtmp://livepush.daxiang ...
【Android】Handler 机制 ( Handler | Message | Looper | MessageQueue )
文章目录 I . Handler 机制简介 II . Handler 机制 Handler Message Looper MessageQueue 四组件对应关系 III . Handler ( 消息 ...
Android 中Message,MessageQueue,Looper,Handler详解+实例
一.几个关键概念 1.MessageQueue:是一种数据结构,见名知义,就是一个消息队列,存放消息的地方.每一个线程最多只可以拥有一个MessageQueue数据结构. 创建一个线程的时候,并不会自 ...
Handler消息传递机制（二）Handler，Loop，Message，MessageQueue的工作原理
Loop,Message,MessageQueue概念理解: Message:Handler发送.接收和处理的消息对象 Looper:每个线程只能拥有一个Looper.它的looper()方法负责循环 ...
Message,MessageQueue,Looper,Handler详解+实例
Message,MessageQueue,Looper,Handler详解+实例原文地址 Android的Handler使用(这篇简单介绍Handler的使用) 一.几个关键概念 1.Message ...
Android多线程源码学习笔记一：handler、looper、message、messageQueue
最近在学习Android多线程相关知识的源码,现在把自己的笔记整理一下,写出来加深印象. Android多线程通讯的核心是handler.looper.message.messageQueue,这篇文 ...

[Violation] ‘message‘ handler took 427ms

bug介绍

解决思路

[Violation] ‘message‘ handler took 427ms相关推荐

最新文章

热门文章