页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…

从自测到QA测试以及上线前的Code Review ，进过层层检查，还是会有疏忽。代码上线后，我们更多的是通过用户反馈或者后台的数据统计、异常数据来分析，找问题、定位问题。那么前端是否也能弄用一套比较完善的代码异步监控？ 在某些情况下，上诉的src可能是null，导致这里调用n…

笔者负责的是京喜的前端某业务，长期受到大量异常的困扰，又常常找不到原因。有时异常一下暴涨，又降了回去，定位不到问题，深受其扰。经过长时间的沉淀，分析总结出了一套结论和方法。 文章篇幅较长，前半部分讲述了为什么要做这件事以及怎么收集和分析 badjs，适合于没有系统接触过 bad…

在日常的开发过程中，作为前端的 RD 同学，会经常的去配合 PM 去做一些业务埋点，而且有些埋点还贼复杂，埋点完成还要验收，对于 QA 跟 RD 来说都是一件很麻烦的事。 埋点的上报必然跟某个dom节点有关联，比如这个节点曝光了，或者这个节点被点击了。我们如果将我们的信息有规律…

随着业务的快速发展，我们对生产环境下的问题感知能力越来越关注。作为距离用户最近的一层，前端的表现是否可靠、稳定、好用，很大程度上决定着用户对整个产品的体验和感受。因此，对于前端的监控不容忽视。 搭建一套前端监控平台需要考虑的方面很多，比如数据采集、埋点模式、数据处理和分析、报警…

你只有竭尽全力之后，才有资格说运气不好。 我认为，流量分析平台 + 日志采集平台 + 异常信息采集 + ajax信息采集 + 性能指标 = 监控平台。 之前我写过两篇文章《前端性能优化交流》与《前端代码质量优化交流》。也可以看得出来，我是对比项目开发的流程来编写文章的。监控平台…

single-spa 一个基于JavaScript的 微前端 框架，他可以用于构建可共存的微前端应用，每个前端应用都可以用自己的框架编写，完美支持 Vue React Angular。可以实现 服务注册 事件监听 子父组件通信 等功能。 single-spa-vue 是提供给使…