VisuperviReborn

我们当时的场景是需要做一个活动，为了更新活动不用每次都要更新app，所以我们决定使用H5做活动，然后把活动嵌套在RN的页面中。这样我们每次更新活动不需要更新App

背景 项目是基于vue2和webpack3的项目，然后这个项目经过逐年的迭代，代码和文件数量都非常的庞大，开发运行和编译运行的速度都非常的慢，有时候你去吃完饭回来还在运行。

我们前面已经简单的实现了错误监控、接口监控、流量监控这三个功能，我们今天实现前端性能相关的监控。性能相关的指标如果你还没有深入了解过，那么建议去core-web-vitals 这篇文章里面去了解

在流量监控的基础上，加上时间维度（按日、周、月、年等）和页面主题维度等，就可以更多维度地分析网站受欢迎程度，从而可以给网站经营者提供一些内容优化和网站推广方向建议。

前言 上一篇我们分享了如何进行前端的错误采集，今天我们来分析一下如何进行前端接口的采集，如何完成我们前后端日志串联的功能。

前言 翻看自己前几年的文章，发现写了两篇前端监控的设计方案，但是没有后续了所以现在我们来完成整个系列的文章更新，我们计划分为三个部分，分别是前端错误监控、前端接口监控、前端流量监控、前端性能监控四个部

​​在瞬息万变的前端生态中，掌握框架是必要的技能，但深入理解基础知识才是决定职业高度和专业深度的核心竞争力与护城河。​​

前言 vue3出来很长时间了，当时看了vue3的文档。现在从实际开发使用的角度去学习vue3,不整原理那一套，一切从实际的使用出发去学习。

在使用RN的时候，我们并不是单独的使用RN开发一整个app，而更多的是将 RN 作为内部的一些独立模块/页面。频繁与 RN 页面切换的情况，处理不当，导致退出 RN 页面时造成了大量内存泄漏。