一次页面假死分析

原创 已于 2025-07-01 13:49:29 修改 · 328 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#页面挂起分析

于 2025-05-18 21:03:52 首次发布

现象：系统的几个功能若干次切换，页面假死，无反应

上图，不是每次切换都假死，但非常容易重现，每次页面假死都在getValidatorJSONInfo这个调用后

getValidatorJSONInfo调用已返回，但返回内容页面挂起看不到

浏览器该页面cpu维持高负载

查看其他没有假死的getValidatorJSONInfo的返回，可以看到，返回的是DOM的属性，前端后续应该是遍历DOM，标签修改属性

建议：猜测是遍历DOM修改属性死循环，建议前端检查一下getValidatorJSONInfo返回后的逻辑

后记：经过前端分析，找到了原因，计算属性内部引用了变量导致渲染死循环

记一次OOM导致服务器假死的排查过程
qq_39250496的博客
09-22 1785
记一次OOM导致服务器假死的排查过程背景及现象问题发现获取Heap Dump1、使用Jmap命令导出2、使用 JVM 参数获取 dump 文件分析Heap Dump文件MAT 安装使用MAT分析解决方案Memmeory Analyzer Tool(MAT)简介MAT介绍基础概念Overview(概览)Histogram(直方图)Dominator Tree(支配树)Leak Suspects Re...
jedis 引起服务器假死
酷毙了耶的博客
09-25 863
问题描述： 记一次jedis导致服务器假死的解决方案 2020.9.20 20:00左右 加油贝线上商城出现连接失败,所有客户端出现页面转圈问题,上午就出现了两次,当时没有解决,直接重启,傍晚又来一次,不行了,群里炸锅了. 原因分析： 先介绍一下服务器配置,4核16g带宽3m的服务器(后面用的到) 先打开xshell,连接到服务器,查看服务进程是否存在,一看进程,还在,那就有的解决,开心的一批????,开始着手排查,先top 查看cpu占用,发现cpu利用率百分一都不到,内存也是正常,此时心里有点波动
页面出现假死的问题
weixin_30508309的博客
03-11 655
下面谈论的是Chrome浏览器。 很早以前，我就遇到过页面假死的现象。具体表现是：在标签页上一直转圈，页面不能打开。使用当前浏览器重新访问同一域名，会出现同样的现象。 最近我在工作中再次遇到这个问题。 出现的原因是一个页面同时发起了大量ajax请求。(例如都是向xxx.com域名发出请求)。每一个请求都会花较长时间。 此时新开页面访问xxx.com就会出现卡死现象,并且在页面左下角会出现“...
js运用webworker优化页面卡顿假死问题
2³
02-13 1490
运用webworker处理在前端导出excel文件，当数据量过多时，页面阻塞假死
【es6】页面假死问题排查
zhaojingj_的博客
03-24 1753
chrome浏览器，页面假死问题
浏览器“假死”原因
zengwh的专栏
02-26 6189
浏览器”假死“原因 浏览器”假死“原因比较多，大致可以分为下面几种情况1.死锁如果浏览器内部存在2个以上线程锁或者互斥量，如果多个锁互相等待，则会出现死锁，后果很严重，可能导致系统不能响应鼠标和按键的消息。这种情况较少见。2.执行Javascript脚本如果Javascript脚本存在深层次递归或者大量的循环，由于Javascript会重用大量的CPU时间，在用户看来可能会
C#-界面假死
he_wen_jie的博客
03-08 7266
UI长时间更新造成界面假死有个例子，点击按钮就加载10000个数据到RichTextBox上private void button1_Click(object sender, EventArgs e) { for(int i = 0; i < 10000; i++) { richTextBox.AppendText(i.ToString() + "\n");
Python连接TCP未开启端口时程序“假死”的解决办法
Python小屋
09-16 888
推荐图书：《Python程序设计（第3版）》，（ISBN：978-7-302-55083-9），董付国，清华大学出版社，2020年6月第1次印刷，8月第4次印刷京东购买链接：https:...
Windbg+Net调式案例—实验1 假死
10-21
### Windbg调试.NET程序——实验1：假死现象解析 #### 实验背景及目标 本实验旨在通过模拟特定场景下的应用程序行为，运用Windbg工具进行深入的.NET程序调试，特别是针对CPU占用过高、假死（Hang）以及内存泄漏等...
一次生产环境P0级事故分析
m0_71777195的博客
10-11 914
人的习惯就是这样，第一印象把问题都会甩给“异常输出的平台”，所以这个事件基本上由我们软件平台全部背锅了，我们事后还写了很大一份“事故总结报告”，各种“保证书”等等。事件总结工艺流程不规范，有现场操作的工艺流程，比如在不该操作的时候进行操作；质量管理流程不规范，比如代码审计不足，环境模拟不充分(模糊查询问题，公司只有几千条数据)，公司没有搭建负载均衡环境测试等等；分析设计不充分，比如模糊查询的问题。老系统日志系统比较欠缺，很多问题都是靠人工查看控制台或者翻阅本地log4j日志，也浪费了大量的时间。
一文彻底了解Web Worker，十万条数据都是弟弟
程序员成长指北
01-14 206
点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群今天为大家分享一篇关于web worker的优质文章，让你了解一下如何通过Web Worker来解决前端处理大量数据运算时页面假死的问题。以下是正文：如何让前端拥有后端的计算能力，在算力紧缺的年代，扩展前端的业务边界！前言页面中有十万条数据，对其进行复杂运算，需要多久呢？表格4000行，25列，共十万条数据运算包括：总和、算术平均...
vue-cli3 el-select下拉选项数据量导致页面卡顿， 假死的解决办法
m0_37656425的博客
07-04 4999
前提 由于 vue-cli3对node_moudules的处理和 vue-cli2不同， 我们通过将node_moudules中的el-select组件复制到本地， 并扩充组件功能从而实现el-select下拉加载在vue-cli3变得不太现实。如果出现数据量过多（超过3000条）， 页面整体会变得卡顿， 用户体验度极差。 这时对el-select组件数据的处理变得极其重要！ 解决方法 1： 接口角度上， 接口加筛选条件，对输入内容进行筛选（后台搜索， element-ui有具体说明）。但是假如， 筛
html让页面卡住,网页假死 网页总是假死，失去响应怎么办
weixin_29053695的博客
06-05 2115
c++,static_cast一般是 浏览器假死 浏览器假死可能有以下原因：打印网页内容，浏览器假死，如何解决？网络打印机，打word可以，但打印网页表格时，点击打印按钮，页面就无反在I浏览器图标上右键internet属性，弹出属性对话框 分别点击“删除cookies”和“删除文件”按确定了~ 浏览器——工具——选项——安全 设置中低或者默认。请下载Win清理助手和360急救箱扫描一下系统(首先排...
jQuery的Ajax同步页面假死/卡顿 解决办法
前端一线搬运工的博客
09-19 1万+
起因: 需求是日历中选择不同日期,请求一次ajax,返回大量数据的时候会有页面卡顿的错觉,错觉来自页面效果一直不出现,直到数据即将完成渲染前出现一瞬间; 假死原因: 浏览器的渲染(UI)线程和js线程是互斥的，在执行js耗时操作时，页面渲染会被阻塞掉。当我们执行异步ajax的时候没有问题，但当设置为同步请求时，其他的动作（ajax函数后面的代码，还有渲染线程）都会停止下来。即使我的DOM操作语...
前端处理较大数据量防止页面卡死的方法
热门推荐
illusion_melody的博客
05-21 3万+
假设后台一下返回1000条数据，如果我们一次性把它放到页面上，那肯定会造成页面卡顿的，优化思路就是，把列表分割成很多个小数组，然后一段一段的显示到页面。可利用 Api:window.requestAnimationFrame或者setInterval不断填充数据； window.requestAnimationFrame()告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行； // d..
解决同步Ajax页面假死
u012654922的专栏
11-30 1万+
jquery1.9 AJAX同步页面假死现象 在发起同步Ajax请求时设置的等待图片在IE与Chrome浏览器不显示，在firefox里面正常，通过Chrome debug模式发现，它是会显示的，由于后面的计算是JQuery同步操作，需要过长时间计算，导致界面UI卡死（来不及展示）。 浏览器的渲染(UI)线程和js线程是互斥的，在执行js耗时操作时，页面渲染会被阻塞掉。当我们执行异步aja
百度地址频繁 setPosition导致页面卡顿
最新发布
07-23
尤其在标记点数量多或更新频率高时，浏览器渲染引擎无法及时处理，造成界面卡顿甚至假死[^1][^2]。下面我将逐步分析问题根源并提供优化方法，帮助您解决这一问题。 #### 问题分析 - **根本原因**：`setPosition` 的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

中间件XL

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值