前端面试话术集锦第 16 篇:高频考点(前端监控 UDP知识点)

这是记录前端面试的话术集锦第十六篇博文——高频考点(前端监控 & UDP知识点),我会不断更新该博文。❗❗❗

1. 监控


前端监控一般分为三种,分别为:

  1. 页面埋点

  2. 性能监控

  3. 异常监控。

我们来学习这些监控相关的内容,但是基本不会涉及到代码,只是让大家了解下前端监控该用什么方式实现。毕竟大部分公司都只是使用到了第三方的监控工具,而不是选择自己造轮子。

1.1 页面埋点


页面埋点应该是大家最常写的监控了,一般起码会监控以下几个数据:

  1. PV / UV

  2. 停留时长

  3. 流量来源

  4. 用户交互

对于这几类统计,一般的实现思路大致可以分为两种,分别为手写埋点无埋点的方式。

相信第一种方式也是大家最常用的方式,可以自主选择需要监控的数据然后在相应的地方写入代码。这种方式的灵活性很大,但是唯一的缺点就是工作量较大,每个需要监控的地方都得插入代码。

另一种无埋点的方式基本不需要开发者手写埋点了,而是统计所有的事件并且定时上报。这种方式虽然没有前一种方式繁琐了,但是因为统计的是所有事件,所以还需要后期过滤出需要的数据。

1.2 性能监控


性能监控可以很好的帮助开发者了解在各种真实环境下,页面的性能情况是如何的。


http://www.niftyadmin.cn/n/5036276.html

相关文章

从零开始:使用Python创建GUI驱动的简易国际象棋游戏

第一部分:国际象棋的基础 1. 介绍 国际象棋,一个古老而又充满策略的游戏,历经数世纪的发展,至今仍然广受喜爱。那么,如何使用Python来创建一个简单的国际象棋游戏,并给它加上一个图形界面(GUI)呢? 这篇文…

web自动化jenkins+git+allure

jenkins -- 持续集成平台 -- 持续集成的场景 -- 【持续】【集成】自动执行你的任务 --- 定时任务 -- 结果通知 -- 报告展示安装jenkins --- http://testingpai.com/article/16092251322041、工作空间 - jenkins的工作空间job任务的工作空间 -- 给任务存放数据/资料 -- 生成的…

MVC设计思想理解和ASP.NET MVC理解

三层模式 三层模式包括:UI层,业务逻辑层,数据访问层,模型层 MVC设计思想和ASP.NET MVC理解 MVC设计思想: 微软ASP.NET MVC是一款对输入,输入进行分离的UI层(ControllerViewModel(显示模型))框架。 如下图,左侧为MVC设计思想,右侧为ASP.NET MVC设计思想。 MVC设计思想的M…

Linux-VI和VIM

目录 VI的使用 VI的三种模式 进入VI 切换至插入模式(Insert mode)编辑文件 Insert 的切换 退出VI及保存文件 搜索 快捷删除 光标定位到最后一行 VIM查找字符串 全匹配 模糊匹配(正则表达式) 快速查找​​​​​​…

ThreeJS-3D教学一基础场景创建

Three.js 是一个开源的 JS 3D 图形库,用于创建和展示高性能、交互式的 3D 图形场景。它建立在 WebGL 技术之上,并提供了丰富的功能和工具,使开发者可以轻松地构建令人惊叹的 3D 可视化效果。 Three.js 提供了一套完整的工具和 API&#xff0…

WebRTC系列--sdp协商中的answer编解码协商过程

关于createAnswer的流程在前面的文章WebRTC系列-SDP之CreateAnswer这篇文章中有详细的分析。 这篇文章主要对于MediaSessionDescriptionFactory的AddAudioContentForAnswer做详细的分析,也就是说对于音频编码的匹配也是在这个方法里实现: 首先主要的函数调用如下图: 这篇文…

2023-09-19力扣每日一题

链接: 2560. 打家劫舍 IV 题意 n个数字,相邻不能选,选择的结果为 选中的数字中的最大数字,要求最少选k个数字 求这个结果最小能是多少 解: 怎么就从DP变成二分了呢? 关键字:最大的最小 …

实现一个超级简单的string类(基于c++)

简单的string仅仅需要构造函数&#xff0c;拷贝构造,移动构造和移动赋值&#xff0c;operator&#xff0c;析构函数等。如下&#xff1a; #include<iostream> #include<assert.h> using namespace std; namespace qyy {class string{public:friend ostream& …