首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
监控方案
订阅
floatspace
更多收藏集
微信扫码分享
微信
新浪微博
QQ
15篇文章 · 0订阅
使用vue+node搭建前端异常监控系统
首先先看看如何捕获异常。 js异常的特点是,出现不会导致JS引擎崩溃 最多只会终止当前执行的任务。比如一个页面有两个按钮,如果点击按钮发生异常页面,这个时候页面不会崩溃,只是这个按钮的功能失效,其他按钮还会有效。 上面的例子我们用setTimeout分别启动了两个任务,虽然第一…
前端异常的捕获与处理
按键无法点击、元素不展示、页面白屏,这些都是我们前端不想看到的场景。在计算机程序运行的过程中,也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什么是异常,异常就是预料之外的事件,往往影响了程序的正确运行。例如下面几种场景: 这些情况都是极其影响用户体…
前端搞工程化:从零打造性能检测库「源码 + 视频」
聊下来以后得出一些结论:这类读者普遍就职于中小型公司,前端人员个位数,平时疲于开发,团队内部几乎没有基础建设,工具很蛮荒。工程化对于这些读者来说很陌生,基本不知道这到底是什么,或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组,为百来号前端提供…
项目实战-埋点系统初探
前端开发攻城狮开开心心的 coding,非常自豪的进行了业务、UI 分离开发,各种设计模式、算法优化轮番上阵,代码写的 Perfect(劳资代码天下第一),没有 BUG,程序完美,兼容性 No.1,代码能打能抗质量高。下班轻松打卡,回家看娃。 实际上,开发环境与生产环境并不能等…
第五期 | 前端监控的设计和实现
前端监控对于很多前端小伙伴来说就是一块还未开发的地图板块,下面我们一起来看看如何打造这块版图,开辟更宽广视野。 若本文对你有所助益,手留一赞,若有不同看法,评论区我等你(^ω^)。 ... 效率质量是所有技术团队的立命之本,关于效率是最能具象可见的部分,但质量测往往把控不足,特…
前端-埋点-理念-通识-浅谈
采集商品曝光... 前端:产品要看隔壁老王昨天... 埋点代码书写复杂,复杂度大于业务代码,成为开发者的一个大负担。 概念:所谓的代码埋点就是在你需要统计数据的地方植入N行代码,统计用户的关键行为。 使用者可以比较方便地设置自定义属性、自定义事件,传递比较丰富的数据到服务端。 …
撸一个前端监控系统(React + Node + Mysql + Webpack plugin + Docker)—— (上)
俗话说,不依赖业务场景的系统设计,叫耍流氓。 构想设计这个系统也是有着业务背景的,所在公司的产品既面向 C 端,也面向 B 端。在我们开发落地业务时,经常遇到一类非常头疼的问题: 所以我决定动手撸一个监控系统,用来解决错误收集和问题回溯。让我们在追溯以往出现的问题时,能够省时省…
Vue 项目中接入sentry
最近在公司的内部Vue项目中接入sentry技术栈,跟踪运行时错误。 针对这件事分享下,有不完整或者错误的地方欢迎交流。 github 如果项目允许,你可以在sentry申请一个免费账户,管理你项目上传的运行时错误。也可以在公司搭建一个sentry。关于搭建sentry这块与本…
前端异常监控、上报及js压缩代码定位
1. window.onerror 异常处理 window.onerror 无论是异步还是非异步错误,onerror 都能捕获到运行时错误。 1)window.onerror 函数只有在返回 true 的时候,异常才不会向上抛出,否则即使是知道异常的发生控制台还是会显示 Unc…
从无到有<前端异常监控系统>落地
有一天一个测试同事的一个移动端页面白屏了,看样子是页面哪里报错了。 我自己打开页面并没有报错,最后发现报错只存在于他的手机,移动端项目又是在微信环境下,调试起来会比较麻烦,最后用他手机调试才发现问题: 是他账户下面有个对话的消息数据有问题导致页面报错了。 一般遇到这种情况只有用…