本文以“前端监控上报数据”的业务场景，重点解析在页面实例关闭时，如何将监控数据上传到服务端的解决方案。

1. 熟悉 vuejs 发布流程 2. 学会调试 nodejs 代码 3. 动手优化公司项目发布流程

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

框架粗略对比，### 一、全景图 来自大圣老师的开课吧网课中的截图 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0ca482b52a07

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架！

微前端(QianKun)落地级实施和最后部署上线 历时不到两个月，来到新公司后，接到新需求：“要把ERP系统拆分出来，里面有包括PMS、OMS、WNS等等”模块。 当时的第一个想法就是微前端，那么接下

大家看到标题勇士二字不知是否有所疑惑。我这里不做太多解释，只说一句：因为这个是之前的老项目（大家懂吗old very old），那真的可以说是牵一发而动全身啊 但是呢，很快啊，我啪的一下就决定了，直接就选中一个文件CTRL+A，然后Delete了啊，这波操作可以说是意气风发，无…

关注公众号玩相机的程序员，第一时间阅读最新文章。 create react app 是 React 官方创建单页应用的方式，为了方便，下文皆简称 CRA。 本文主要就是通过源码分析对上述的理解进行阐述。 如果图片不清晰可以微信搜索公众号 玩相机的程序员，回复 CRA 获取。 0…

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…