这是我参与[第五届青训营]伴学笔记创作活动的第3天。引入前端监控的概念，介绍前端监控的性能指标与异常，封装用于监听性能指标与前端异常的监听器和一个有完整上报能力的sdk实战。了解了前端监控是做什么，做前端监控有什么价值。了解Navigation Timing和Navigation Timing2的相关字段，Performance与Performance observer对象，addEventListener与removeEventListener这两个函数，什么叫hook，链式调用。学会前端监控的意义。从用户视角思考我们监控的性能指标，前端异常给用户带来的影响。监听部分性能指标与前端异常，并封装成一个通用的监听器。将监听器封装到sdk，以及按需加载和链式调用的技巧。钩子来源于英文词Hook，在windows系统中，一切皆消息，比如按了一下键盘，也是一个消息，Hook的意思是勾住，也就是在消息过去之前，可以先把消息勾住，不让其传递，你可以优先处理，也即这项技术就是提供了一个入口，能够针对不同的消息或者API在执行前，先执行你的操作，你的操作也称为「钩子函数」，所以，有的时候程序员在讨论的时候，也经常会说，可以先hook住，在处理，也即在执行某某操作之前，优先处理一下。链式调用，或者也可以称为方法链（Method Chaining），从字面意思上来说就是将一系列的操作或函数方法像链子一样串起来的 Code 方式。链式调用在极大程度简洁代码的同时，也提高了代码的可读性，能够很快速地了解到每一步都是在做什么。这种方式对于做数据分析或处理数据时是十分有用，减少创建不必要的变量时，能够以快速、简单的方式进行探索。 使用链式调用时，一定必须要考虑以下问题： 是否需要中间变量 操作数据中的步骤是否需要分解 每次操作后的结果是否仍为 DataFrame 类型。
