本文分享如何自研前端监控系统之（一）性能监控；我们都听说过性能的重要性。但谈起性能，以及让网站"速度提升"时，我们具体指的是什么？而本篇文章将分享：如何准确地测量用户的网页性能体验。

埋点系统 首先我们考虑到业务需求的H5数据一般为PVUV和页面的点击事件，那么我们的埋点系统就需要对页面信息进行收集，同时对所有的点击事件进行收集。我们简单设计一下数据结构：基础信息+事件+属性。

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

如果想做到前端负责人，项目搭建封装是必须掌握的，没有人甘于平庸，我想你也是！多入口打包+pinia+pinia插件开发+路由动画+axios二次封装+viewport等等，项目中会用到的，我都有写。

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

前端发展到了今天，web应用越来越复杂和庞大，前端技术迅猛发展，各路大神各显神通，多种优秀的前端框架、新语言和其他相关技术(如下图所示)不断涌现，这些都极大地提高了我们的开发效率。面对这些框架所衍生出

过去三年在线会议需求井喷，腾讯会议用户量骤增到3亿。快速迭代的背后，腾讯会议团队发现：业务保留了长达5年的历史数据，大量未进行 lfs 转换，新 clone 仓库本地空间占17.7G+。

本文为手把手指南，在vue3 + ts + vite项目中使用eslint + prettier + stylelint +husky，旨在通过这些工具提高项目代码质量和统一格式、风格。