本文的主要目的是介绍一种可扩展性较好的SDK架构，让后续业务迭代的代码更清晰明朗。这种架构已经在开源监控SDK:mitojs实践，有兴趣的小伙伴可以去瞅瞅~

前端的错误监控、性能数据往往对业务的稳定性有很重要的影响，即使我们在开发阶段十分小心，也难免线上会出现异常，并且线上环境的异常我们往往后知后觉。而页面的性能数据则关系到用户体验，因此采集页面的性能数据

这种问题多半是因为没有思考全面或者一个手滑导致的问题，这种问题影响面也不高，一般在开发和测试阶段就能发现。这种问题我们通过细心和 Code Review 避免。 对于前端来说我们会去兼容各种系统比如安卓、IOS 等，最头痛的还是安卓各种版本系统，用户系统版本可能是4.x、5.x…

随着前端的发展和被重视，慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。 对于中小型公司来说，可以直接使用三方的监控，比如自己搭建一套免费的sentry就可以捕获异常和上报事件，或者使用阿里云的ARMS，功能比较全面也并不会…

前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，无疑对网站来说是一个非常重要的步骤。 那如何才能知道一个页面的性能情况呢？知道了页面性能情况后又如何进行优化呢？一个页面的性能指标非常…

大数据一直是技术社区的热门话题，是从事大型服务架构的攻城狮必修之课。 作为一个对外暴露的服务，安全性必定是凌驾于一切之上的。除常见的物理层、网络层、系统层的安全防御以外，在应用层，我们通过以下手段保证数据安全性： 处理 百亿级以上/日 日志上报请求（按16小时分布计算，QPS达…

首先先看看如何捕获异常。 js异常的特点是,出现不会导致JS引擎崩溃 最多只会终止当前执行的任务。比如一个页面有两个按钮，如果点击按钮发生异常页面，这个时候页面不会崩溃，只是这个按钮的功能失效，其他按钮还会有效。 上面的例子我们用setTimeout分别启动了两个任务，虽然第一…

是指用户在使用应用时，无法得到预期的结果。不同的异常带来的后果程度不同，轻则引起用户使用不悦，重则导致产品无法使用，从而使用户丧失对产品的认可。 try-catch 只能捕获同步运行错误，对语法和异步错误却捕获不到。 编译器能够阻止运行语法错误。 当 JavaScript 运行…