前端页面崩溃现象处理

问题背景：

1.访问页面，会出现接口响应时间较长，数据量较大，出现卡顿，甚至崩溃现象

2.时间选择超过两个月，就会变的特别卡，在中间等待时间乱点的话，会出现崩溃

解决方案：

1.首先看接口响应时间

如上图，如果明知数据量不大的话，响应这么长时间，那么接口多少有点问题

如上图，如果这个时间的话，按说是正常的

2.如果接口没问题的话，看看任务管理器

看是否正常

3. 由于我这个出现的问题是，echarts的图表数据量太大（超过两个月），出现卡死的状态

可以用chart.clear() \ chart.dispose() \ chart.destory() \ chart = null

根据情况看在哪个地方使用，比如点击的时候先清除，销毁在渲染等操作，或者页面关闭、某个条件搜索后。。。。看需求

但是以上不一定适用每个场景，这时候可以在点击事件的时候，先把数据清空，不然每次数据都会累加操作，数据过多这时候就会出现卡顿问题，

具体问题具体分析，优化的一个小点，简单分享一下，大家共同讨论～～～

前端页面崩溃现象处理相关推荐

页面崩溃了！记录一次测试中出现的前端内存溢出现象
前情回顾前几天在一次web应用测试过程中,前端发起了向后端接口的查询请求,由于后端响应较慢,前端一直处于等待响应返回状态.在几分钟后,突然页面出现让人惊悚的"噢噢,页面崩溃了"几 ...
谷歌Chrome浏览器自动翻译导致前端页面数据错乱问题 - 接口返回数据被翻译
背景:Chrome浏览器自带谷歌翻译,这个翻译还是挺实用的,但如果前端代码设置不当,再加上用户操作失误就容易造成很多莫名其妙问题,下面详述问题现象.排查过程及解决方案文章目录一.问题现象二.排查 ...
浏览器内存不足导致页面崩溃_深度精读:浏览器渲染原理 [8000字图文并茂]
原文地址:https://segmentfault.com/a/1190000022633988作者:_杨溜溜在我们面试过程中,面试官经常会问到这么一个问题,那就是从在浏览器地址栏中输入URL到页面 ...
前端页面添加灰色滤镜,使网页整体变灰
前端页面添加灰色滤镜,使网页整体变灰修改css样式只需要在html的样式里面加一句代码 html,body,div,img{-webkit-filter: grayscale(100%);-moz ...
前端页面与form表单提交：代码分享
今天分享下"前端页面与form表单提交:代码分享"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习 ...
前端页面请求PHP接口返回超大数据(几万条以上)解决办法总结
起因: 当我web前端向php请求数据时,几千条记录都能正常获取,但是要请求几万条记录的时候php就不响应了. 多种方法总结: 一.修改php.ini配置文件: memory_limit = 128 ...
使用谷歌浏览器（Chrome）内核浏览器朝页面崩溃，设置也无法打开问题解决方法
Google的chrome莫名其妙突然所有页面都显示"喔唷崩溃啦",各种插件在右下角弹出报错!这个问题我之前遇到过一次,后来通过改快捷方式的名字解决了.可是这次,隔离回来上班,打 ...
使用 PreloadPrefetch 优化前端页面的资源加载
对于前端页面来说,静态资源的加载对页面性能起着至关重要的作用.本文将介绍浏览器提供的两个资源指令-preload/prefetch,它们能够辅助浏览器优化资源加载的顺序和时机,提升页面性能. 一.从一 ...
前端页面优化：如何更快速将你的页面展示给用户？
前端页面优化:如何更快速将你的页面展示给用户? 现在许多公司往往注重后端优化,而忽略了前端优化想想如果辛苦优化了服务器,后台,排查了sql,却在最后页面加载展示的时候很慢,也得不偿失其实,前后台优化都 ...
前端页面紫红色_谷歌正在开发一种神秘的新型移动操作系统，称为紫红色
前端页面紫红色 Google seems to be building a replacement for Android called Fuchsia. Yesterday, they reveal ...

前端页面崩溃现象处理

前端页面崩溃现象处理相关推荐

最新文章

热门文章