完整的前端监控平台通常分成三块：采集与上报、整理与存储、展示与分析。本文只讲第一块，从 0 搭一个可运行的埋点 SDK，并把指标采集方式对齐到当前浏览器与 Core Web Vitals 的常见做法。

一、从大文件上传的痛点说起 场景：你正在上传一个10GB的蓝光电影，突然发现—— 页面卡成PPT，按钮点不动！ 上传进度条像蜗牛爬，用户想砸电脑！ 一不小心刷新页面，全白传了…… 为啥会这样？ 浏览器

Web Worker为前端带来了后端的计算能力，十万、百万条数据都是弟弟…… Web Worker扩大了前端的业务边界，减轻了因大量计算造成的UI阻塞

估计只要是从事前端开发的友友们肯定都会遇到过删除node_modules依赖文件的情况，但你们有没有发现删除的特别慢，如果一些引用比较多库的项目，删除都得要一个小时。

介绍如何分析算法的时间复杂度和空间复杂度，以及算法题中涉及到的八大常见数据结构，并且给出相应的JavaScript（TypeScript）实现代码，还罗列其使用场景，以及相关leetcode题目。

前言 在web前端开发中，文件上传属于很常见的功能，不论是图片、还是文档等等资源，或多或少会有上传的需求。一般都是从添加文件开始，然后读取文件信息，再通过一定的方式将文件上传到服务器上，以供后续展示或

页面截屏 是前端经常遇到的需求，比如页面生成海报，弹窗图片分享等.以下是我整理三种截图方案。 1、html2canvas 2、dom-to-image 3、webRTC html2canvas htm

我们将要实现的功能：实现签名,设置画笔的粗细，撤回上一步，重置整个画布，保存生成图片，生成file文件发送给后端 我们要实现签名：

该方法应用比较灵活，关键点在base64的转义和表格的模板数据。如果要实现excel表格样式的话，重新编辑模板template即可