在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
前端异常监控是怎么回事?前端异常是指,在用户使用Web应用时,无法快速得到符合预期结果的情况,不同的异常带来的后果程度不同。要前端异常监控弄清楚这个问题,大家需要明白前端异常监控的四大阶段、情况分类和产生原因。本文为大家整理了所有的前端异常监控的所有资料,大家要想完全搞清楚开始的问题,看这篇就够了。
1、前端异常监控的阶段:
一般而言,一个监控系统,大致可以分为四个阶段:日志采集、日志存储、统计与分析、报告和警告。
收集阶段:收集异常日志,先在本地做一定的处理,采取一定的方案上报到服务器。
存储阶段:后端接收前端上报的异常日志,经过一定处理,按照一定的存储方案存储。
分析阶段:分为机器自动分析和人工分析。机器自动分析,通过预设的条件和算法,对存储的日志信息进行统计和筛选,发现问题,触发报警。人工分析,通过提供一个可视化的数据面板,让系统用户可以看到具体的日志数据,根据信息,发现异常问题根源。
报警阶段:分为告警和预警。告警按照一定的级别自动报警,通过设定的渠道,按照一定的触发规则进行。预警则在异常发生前,提前预判,给出警告。
2、前端异常分类:
根据异常代码的后果的程度,对前端异常的表现分为如下几类:出错、呆滞、损坏、假死和崩溃。
a. 出错
界面呈现的内容与用户预期的内容不符,例如点击进入非目标界面,数据不准确,出现的错误提示不可理解,界面错位,提交后跳转到错误界面等情况。这类异常出现时,虽然产品本身功能还能正常使用,但用户无法达成自己目标。
b. 呆滞
界面出现操作后没有反应的现象,例如点击按钮无法提交,提示成功后无法继续操作。这类异常出现时,产品已经存在界面级局部不可用现象。
c. 损坏
界面出现无法实现操作目的的现象,例如点击无法进入目标界面,点击无法查看详情内容等。这类异常出现时,应用部分功能无法被正常使用。
d. 假死
界面出现卡顿,无法对任何功能进行使用的现象。例如用户无法登陆导致无法使用应用内功能,由于某个遮罩层阻挡且不可关闭导致无法进行任何后续操作。这类异常出现时,用户很可能杀死应用。
e. 崩溃
应用出现经常性自动退出或无法操作的现象。例如间歇性crash,网页无法正常加载或加载后无法进行任何操作。这类异常持续出现,将直接导致用户流失,影响产品生命力。
异常错误原因分类
3、前端产生异常的原因:逻辑错误、数据类型错误、语法句法错误 、网络错误、系统错误。
a、逻辑错误案例:业务逻辑判断条件错误;事件绑定顺序错误;调用栈时序错误;错误的操作js对象。
b、数据类型错误案例:将null视作对象读取property;将undefined视作数组进行遍历;将字符串形式的数字直接用于加运算;函数参数未传。
c、网络错误案例:慢;服务端未返回数据但仍200,前端按正常进行数据遍历;提交数据时网络中断;服务端500错误时前端未做任何错误处理。
d、系统错误案例:内存不够用;磁盘塞满;壳不支持API;不兼容。
以上就是前端异常监控的全部分析,大家都理解了吗?想要学习前端的更多内容,现在就上博学谷官网学习吧!
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端页面如何优化?解决方案讲解
前端页面的用户体验有多重要,相信大家都能够了解。试想,如果一个网站的页面打开的很慢,无疑会影响网站的浏览量,因此可以说前端页面的打开速度决定了网站的存亡。那么我们应该如何优化前端页面呢?众所周知,前端的页面主要包括HTML,CSS,JS等,因此解决方案可以从这几点入手,下面是详细讲解。
4783
2019-09-25 14:53:16
前端jQuery基础学习笔记
众所周知,选择jQuery,可以写更少的代码,做更多的事情。jQuery作为前端开发和全栈开发必备的基础技术,我们都应该学习并熟练掌握它。本文为广大学习者总结和归纳了jQuery的基础知识,内容包括jQuery的概念、jQuery快速入门、JQuery对象和JS对象区别与转换和选择器。
3961
2020-05-06 11:39:28
Web前端培训都学些什么知识?
相比于后端技术,Web前端开发对于非科班出身的学习者来讲,进入门槛更低也更加容易。随着人们对用户体验感的重视,Web前端行业不断走俏,招聘需求也在不断扩大。目前,Web前端可以说是一个绝佳的就业选择。那么,Web前端培训都学些什么知识呢?主要可以分为四个阶段,移动Web网页开发、JavaScript网页编程、网络编程以及微信小程序,下面一起来看看吧!
4342
2020-06-26 14:29:11
零基础转行Web 前端开发自学靠谱吗?
Web 前端开发行业长期处于供不应求的状态,薪资待遇也随之水涨船高,因此吸引了不少零基础转业者。那么,可能会有人问了:零基础转行Web 前端开发自学靠谱吗?这个问题没有确切的答案,毕竟每个人的情况都不一样,下面我们来详细分析一下零基础转行前端应该怎么学习。
4203
2020-07-21 11:38:47
Web前端开发培训机构哪个比较好?
Web前端开发培训机构哪个比较好?选择攻略。从招聘平台看市场上对于Web前端开发人才缺口很大,Web前端技术性岗位自学存在很多问题,选择一家比较好的前端培训机构在短时间内掌握岗位技能的是一个很好的方式。市面上大大小小的培训机构众多,有些机构为了招生在宣传过程中会有夸大的成分。
7355
2020-08-31 11:54:53