无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊

最近在做一个较为通用的前端性能监控平台，区别于前端异常监控，前端的性能监控主要需要上报和展示的是前端的性能数据，包括首页渲染时间、每个页面的白屏时间、每个页面所有资源的加载时间以及每一个页面中所以请求的响应时间等等。 本文的介绍的是如何设计一个通用的jssdk,可以以较小的侵入…

有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。 本文主要分两部分来讲解怎么完成退出行为的上报。 浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 bef…

新增埋点还好，直接加上就可以了。 如果怕麻烦，文档只增不删。。时间长了，你懂的~ 最终无论谁来维护，但凡没有阻断性流程，就变成全靠自觉了。 新同学接手后，脑门直接三道黑线。。 ... 尤其赶上倒排期的项目。。 作为FE的你，是否有同感。。 这是客观事实。 所以埋点文档这个痛点必…

在线上项目中，我们需要统计下用户在使用该产品的行为与使用情况，通过这些统计数据进行处理与分析，从用户的角度去了解该产品的使用与体验，从而更好的进行产品的迭代与升级，更加符合用户的体验，更加贴近用户使用习惯。 这些都是用户数据的统计点，这也是前端数据监控的着重点。除了数据监控，前…

小程序由于封闭性较强，要像web应用一样实现灵活的数据收集，会有一定难度。目前开源的埋点SDK，一般采用手动埋点的方式，这种方式有较强的侵入型，同时开发成本较高，为了解决这个问题就有了该文章。 示例代码看起来是比较简洁的，但是埋点需要收集的数据往往不是单一的，复杂的埋点代码插入…

简介埋点统计问题一直是业务中非常重要的一环。埋点数据是后期业务分析和技术优化的重要基础。随着业务迭代次数的增多，伴随人员的变动，历史累赘也越来越多，经常PM来找开发同学寻问某某功能的埋点是什么。一方面

说起埋点又到了谈起前端项目中数据收集与监控，那么今天来简单的聊下前端报错监控的埋点。 首先先安利下自己做的报错监控的项目 FE-Monitor 欢迎 issue 和 star 。 总体来说前端监控的主要目的都是为了获取用户行为以及跟踪产品在用户端的使用情况，并以监控数据为基础，…