前端面试——错误监控

最新推荐文章于 2022-10-30 20:19:40 发布
最新推荐文章于 2022-10-30 20:19:40 发布
阅读量214 收藏
点赞数
分类专栏： 个人整理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42281216/article/details/81701405
版权

前端错误的分类

即时运行错误：代码错误

资源加载错误（图片、css、js加载失败）

错误的捕获方式

即时运行错误的捕获方式
1）try.catch
2）window.onqrror
资源加载错误（不会冒泡）
1）object.onerror 2）performance.getEntries()  3）Error事件捕获
延伸：跨域的js运行错误可以捕获吗，错误提示什么，应该怎么处理？

 

上报错误的基本原理

采用Ajax通信方式上报

利用Image对象上报

路明凡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端面试话术集锦第 16 篇：高频考点（前端监控 & UDP知识点）
念兮为美
09-14 325
前端监控一般分三种：页面埋点(PV/UV、停留时长、流量来源、用户交互，实现思路分为手写埋点和无埋点的方式)、性能监控(只需调用performance.getEntriesByType('navigation')这行代码就行)、异常监控(使用window.onerror拦截报错或异步代码使用catch的方式捕获错误)。网络协议是每个前端工程师都须要掌握的知识，我们先学习传输层中的两个协议：UDP以及TCP。UDP与TC的区别是什么：面向无连接、不可靠性、高效、传输方式；UDP适合使用的场景：直播、王者荣耀等
08-vue错误监听.md
03-31
大厂前端面试实际工作经验问题|# 开始...- 错误监控的实践 （不是真实项目，很少有错误监控） ## 注意事项 应届毕业生也需要工作经验 —— 你的毕业设计，实习经历 ## 看几个题目 列几个有代表性的问题，参考视频。
前端面试：前端错误监控
杨兴元的博客
02-24 322
前端错误的分类： 即时运行错误（代码错误）和资源加载错误。 即时运行错误的捕获方式： 1.try…catch 2.window.onerror 资源加载错误的捕获方式： 1.object.onerror() （无法冒泡） 2.performance.getEntries() 3.Error事件捕获 延伸：跨域的js运行错误跨域捕获吗? 可以。1.在script标签增加crossorigin属性 2...
监控---异常监控
LuckXinXin的博客
12-13 471
对于异常监控来说，以下两种监控是必不可少的，分别是代码报错以及接口异常上报。 对于代码运行错误，通常的办法是使用 window.onerror 拦截报错。该方法能拦截到大部分的详细报错信息，但是也有例外 对于跨域的代码运行错误会显示 Script error. 对于这种情况我们需要给 script标签添加 crossorigin 属性 对于某些浏览器可能不会显示调用栈信息，这种情况可以通过 arguments.callee.caller 来做栈递归 对于异步代码来说，可以使用 catch 的方.
一面/二面（6）之前端监控
weixin_30980795的博客
07-08 172
~公司前端大佬面试前端的时候，问了前端监控，所以我也把这部分内容总结了一下： 错误监控： 1.前端错误的分类：代码错误，资源加载错误， 2.错误的捕获方式try.catch,window.onerror， 资源加载错误:1,object.onerror,2.performance.getEntries()3.Error事件捕获window.addEventlistent(‘error’,function(e){console.log(‘捕获’,e)},true) 3.上报错误的基本原理:利用ajax通信上报
前端JS面试题
宋坚强大大~~
03-02 1478
一：let const var比较/区别 1.变量提升 var声明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以在声明之前调用，值为undefined。 let和const不存在变量提升。即它们所声明的变量一定要在声明后使用，否则报ReferenceError错。 console.log(f) //undefined var f = 1 ; console.log(g) //ReferenceError: g is not defined let g = 2; console
09-react错误监听.md
03-31
大厂前端面试实际工作经验问题|# 开始...- 错误监控的实践 （不是真实项目，很少有错误监控） ## 注意事项 应届毕业生也需要工作经验 —— 你的毕业设计，实习经历 ## 看几个题目 列几个有代表性的问题，参考视频。
05-vue优化.md
最新发布
03-31
大厂前端面试实际工作经验问题|# 开始...- 错误监控的实践 （不是真实项目，很少有错误监控） ## 注意事项 应届毕业生也需要工作经验 —— 你的毕业设计，实习经历 ## 看几个题目 列几个有代表性的问题，参考视频。
04-设计模式.md
03-31
大厂前端面试实际工作经验问题|# 开始...- 错误监控的实践 （不是真实项目，很少有错误监控） ## 注意事项 应届毕业生也需要工作经验 —— 你的毕业设计，实习经历 ## 看几个题目 列几个有代表性的问题，参考视频。
07-忽略本节.md
03-31
大厂前端面试实际工作经验问题|# 开始...- 错误监控的实践 （不是真实项目，很少有错误监控） ## 注意事项 应届毕业生也需要工作经验 —— 你的毕业设计，实习经历 ## 看几个题目 列几个有代表性的问题，参考视频。
腾讯三面：说说前端监控平台/监控SDK的架构设计和难点亮点？
zz_jesse的博客
10-30 514
前言事情是这样的，上周，我的一位两年前端经验的发小，在 腾讯三轮面试 的时候被问了一个问题：说说你们公司前端监控项目的架构设计和亮点设计 ；而说回我这位发小，因为做过他们公司监控项目的可视化报表界面，所以简历上有写着前端监控项目的项目经验；但是不幸的是，他虽然前端基础相当不错，但并没有实际参与监控SDK的设计开发（只负责写监控的可视化分析界面），所以被问到这个问题，直接就一个懵了；结果也很正常，面...
记一次失败的搜狐前端面试
qq_33386783的博客
03-22 1132
单纯的想实习学习前端，于是投了简历，准备面试也比较仓促，自然结果也是醉醉哒。不过面试官还是很nice的。 开始到就是一套笔试题，第一题是选择器的优先级，第二题和第三题都是阅读代码，主要考察js变量提升（初学js并不知道这个东西，简直瞎做），第四题是字符串去除重复，比如输入“aaabbbbccccddff”,输出“abcdf”,第五题是写一个函数实现对象的深拷贝（我写了一个比较繁琐的答案，问有没有更
web前端面试失败问题的复盘
Arui_0的博客
06-11 318
1.面试官问，当你与后端对接如果出错状态是怎么处理的（大致是这样），状态码对应的错误怎么处理？ 我：两种一种是按照http的状态码，然后给对应的提示，另外一种是后端返回200，然后里面是个json,他给个状态码和message,然后根据这个进行判断。（时隔五年后第一次面试紧张然后回答的乱，我都不知道自己在说什么） 复盘：仔细想想面试官问这个可能是问我对状态码的熟悉情况，我应该回答通用的状态码有哪些，下面就介绍下一些状态码有 1xx,2xx,3xx,4xx,5xx //1XX类状态码（通知）：临时的响应。客户
前端JavaScript 开发中常见错误排查
梦回丹霞的博客
10-22 1433
Chrome DevTools 中的常见错误排查 Chrome 开发者工具的 Console 相当好用，最常使用的不外乎是通过 console.log 展示出变量或运算的结果，如果符合预期则皆大欢喜。 但是一旦出现红字幸灾乐祸的告诉我们“你出错了！”，这对我们来说无疑是一种挫折，在不知如何着手解决错误的时，只能反覆地检查自己的代码，看看是不是有什么奇怪的地方，有时就算停在了错误地方也往往不知是什么意思，会因此花费大量的时间。 本文就来介绍在 Chrome 开发者工具中常见的错误反馈及排除技巧，让你不再为了满
http状态码204理解
我是一只蘑菇17的博客
11-23 1万+
 HTTP的状态码有很多种,主要有1xx（临时响应）、2xx（成功）、3xx（已重定向）、4xx（请求错误）以及5xx（服务器错误）五个大类，每个大类还对应一些具体的分类。平时我们接触比较多的是200、400、500等。  这里我们主要讨论一下状态码204，在HTTP RFC 2616中关于204的描述如下: If the client is a user agent, it SHOULD N...
我遇到的前端面试题2017
Deus ex
09-24 6987
想知道自己什么水平就出去面试.... 金九银十，在九月之前把工作落实了，经历了好几个公司的面试，得到一些信息，和大家分享： 大部分公司（创业公司）都趋向于招一个牛逼的前端而不是三四个平庸的前端性能优化、ES6必问招聘要求上清一色的要求有一门后端语言的经验，但似乎面试的时候并没有一个公司问过我后端语言方面的东西招聘要求写的和面试相关性并不是很高招人的要求越来越高，不要轻易离职，特别是裸辞
http请求 状态码204
热门推荐
柠檬不萌只是酸i
02-02 4万+
今天在调试接口的时候遇到个问题： 一个请求走了两次，一次204，一次200。 且，请求204的 Request Method 是 OPTIONS 在网上查看资料后得知，是因为跨域而引起的，OPTIONS是一种“预检请求”， 浏览器在处理跨域访问的请求时如果判断请求为复杂请求，则会先向服务器发送一条预检请求（这就是为什么第一次请求接口是204），根据服务器返回的内容浏览器判断服务器...
前端面试技巧与Web技术精华
"前端面试江湖试读样章" 本书聚焦于前端开发者在面试过程中可能遇到的知识点和技巧，旨在帮助读者全面准备前端岗位的面试。书中的内容涵盖了前端开发的多个重要领域，包括JavaScript、HTML5、CSS3以及前端框架如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值