卡死的原因是：
接口响应 538 -780ms
但是前端一直无法加载卡顿
如何解决
大数据接口导致的前端页面卡死
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2024-08-19 15:57Allen_kai_hui的博客 Web Worker解决报表导出时数据过多导致的页面卡死问题
- 2025-06-04 10:12码农阿豪@新空间的博客 本文针对前端大数据导出导致Chrome内存崩溃的问题，分析了原因并提出5种优化方案：分批次导出、Web Worker多线程处理、轻量级CSV导出、后端生成文件以及浏览器兼容性调整。其中分批次导出和Web Worker方案能有效降低...
- 2020-05-21 21:15mr.啄木鸟的博客 假设后台一下返回1000条数据，如果我们一次性把它放到页面上，那肯定会造成页面卡顿的，优化思路就是，把列表分割成很多个小数组，然后一段一段的显示到页面。可利用 Api:window.requestAnimationFrame或者...
- 2024-09-20 09:57小半q的博客 解决js方法中大量计算导致浏览器UI卡死情况
- 2022-03-14 16:17不会编程的程序员.的博客 1. 在平时开发中经常会碰到数据量特别大，请求接口时导致页面卡死或者崩溃的情况 上图这里就是因为数据太大导致页面在数据请求回来之前一直处于卡死的状态，这种时候可以使用freeze方法来为数组赋值，将 this.xxx...
- 2025-05-26 11:15野盒子的博客 本文分享了5个解决前端页面卡顿的性能优化技巧每个技巧都配有原理解析和代码示例，涵盖Vue、React等技术栈的实现方式。这些优化手段能有效提升页面响应速度和用户体验，适合在实际项目中灵活应用。文章还鼓励开发者...
- 2025-02-20 14:52那就可爱多一点点的博客 在混合开发H5页面的时候，客户上传了一个超高清大图上来，并想要点击预览，结果一点开图片就页面卡死
- 2025-04-05 19:45代码简单说的博客 内存泄漏不一定立刻卡死，但如果持续不释放，就可能导致内存超出浏览器限制，这时候就叫内存溢出（Out of Memory），简称 OOM。JavaScript 函数调用时，会往调用栈压栈。如果递归/调用链过深，调用栈空间被撑爆，就...
- 2023-02-08 22:55sun_qqq的博客 } 四：Vue 1、单页面应用是什么？优缺点？如何弥补缺点 单页面对一个入口DOM通过路由去更改内容，整个应用只有一个html页面 SPA优点：用户体验好，没有页面切换就没有白屏情况； SPA缺点：首屏加载慢，不利于SEO ...
- 2026-01-20 16:11接着奏乐接着舞。的博客 本文提出了一种优化大数据页面加载的解决方案，通过Web Worker分片处理和主线程渐进式渲染相结合的方式，有效解决传统方案导致的页面卡顿问题。该方案将数据解析任务移至Web Worker独立线程执行，采用分片处理机制逐...
- 2020-09-16 09:35雨中的风铃子的博客 问题：当后端一次性返回数据(array)过多时（例如1000条或者更多），会导致页面卡顿 优化思路：将这1000条数据划分为多个小数组，然后一段一段的加到页面上 解决方案：利用window.requestAnimationFrame()或者...
- 2024-06-18 09:02是小张呀！的博客 element el-select数据量过大 造成页面卡死情况（解决）
- 2024-04-19 15:24夲奋亻Jay的博客 页面卡顿？页面白屏？加载一直转圈圈？内存泄露？页面崩溃？
- 2021-01-21 16:07happydecai的博客 public static JSONObject fromObject( Object object ) { ...这个fromObject方法有个问题，就是当string大小为1M时，会导致内存占用2g以上，并且cpu一直100%，解决方法如下： 改为jackson public static <...
- 2024-08-10 10:46爱音乐的程序猿的博客 ecahrts图表大数据量轮询刷新页面卡死问题的优化。经过详细的排查发现是echarts图表在大数据量下确实会有这种问题。我们业务虽然只有两个图标，但更新频率很快，也遇到了此问题。原因是多方面的，一个是配置不高的...
- 2025-06-08 06:28程序员流年大运的博客 在前端开发中，**同步（Synchronous）异步（Asynchronous）**是两种不同的代码执行模式，直接影响程序的运行效率、用户体验和资源管理。
- 2025-09-03 21:46blueSky-fan的博客 本文介绍了WebSocket高频数据推送导致前端卡顿的优化方案，主要包括批处理、节流和虚拟滚动技术。核心实现包括： WebSocketHandler类：通过缓冲区和定时批处理机制，控制数据更新频率（默认50条/100ms），避免频繁...
- 2024-11-08 17:38阿丽塔~的博客 2.我看到element-plus 里面有虚拟化表格，这个其实可以解决数据量很大导致的卡顿问题，但是当前项目的element-plus 版本不支持，我的是2.1.6，虚拟化表格需要2.2.0。这种要写tsx，如果表格没其他的功能只是展示是ok...
- 2025-01-17 08:47Best_卡卡的博客 页面假死 浏览器有GUI渲染线程与JS引擎线程，这两个线程是互斥的关系 当js有大量计算时，会造成 UI 阻塞，出现界面卡顿、掉帧等情况，严重时会出现页面卡死的情况，俗称假死 在前端开发中，处理大数据往往会导致主线...
- 2025-06-09 08:23江城开朗的豌豆的博客 大家好，我是小杨，一个做了6年前端的老司机。今天想和大家聊聊一个常见但头疼的问题：如何在不卡死页面的情况下渲染大量数据？
- 没有解决我的问题, 去提问
问题事件
修改了问题
5月10日-
修改了问题
5月10日
-
创建了问题
5月9日