前言 本文来自 2020年4月25日，前端早早聊第五届“前端搞监控”专场分享嘉宾 - 钉钉前端团队监控负责人 烛象(slashhuang) 的分享实录《钉钉前端-如何设计前端实时分析及报警系统》。 正

Cap 是什么 与传统验证码不同，Cap： 速度快且不干扰用户 不使用跟踪技术或 cookie 使用工作量证明而非干扰性谜题 完全可访问且可自行托管 Cap 主要由小部件（可以以不可见的方式使用）和服

方案一：使用 Promise.all 控制并发 最直接的方法是使用Promise.all并行处理 A 和 B，待两者都完成后再发送 C。 优点：实现简单，代码清晰 缺点：如果请求 C 不依赖 A 和

React车牌输入组件性能优化实战：从卡顿到流畅的完整解决方案 🎯 问题背景 组件功能描述 这是一个React车牌输入组件，主要功能包括： 8位车牌字符输入（1位省份汉字 + 7位数字字母） 智能键盘

大文件上传:分片上传 + 断点续传 + Worker线程计算Hash，崩溃率从15%降至1%？该方案已在生产环境验证

很多兄弟都在使用 Vite 了，但如果你是前端 leader 或者是团队核心的话，不得不可考虑的一个问题就是性能优化。Vite 在开发环境性能已经非常不错了，生产环境应该如何优化呢？

Vite 插件生成构建产物关系图，使用 Gzip 插件压缩、对包进行拆分、CDN 加速、路由懒加载等优化性能

项目优化线上发布的时候，`减少js的体积`，是常用的手段，例如vue，vuex，axiox等改为cdn的引入形式，不是把它们打入bundle的形式

前端在做性能优化的时候，其中一种有效的方式就是减少包体积的大小。而减少包体积大小的其中一种有效的方式就是tree-shaking，本文会对tree-shaking这个功能做一个详细的解析。