前端请求优化进阶：并发控制、缓存优化与错误重试实战教程
在上一篇博客中，我详细讲解了前端请求优化的基础技巧，包括 防重复提交、请求锁、防抖、节流、请求合并，大家可以参考原文：👉前端请求优化全家桶：请求合并 + 锁、防抖、节流详解 小白教程。本文将基于这些基础，进一步深入 并发控制、缓存优化以及错误重试/限流，帮助小白全面提升前端接口调用的健壮性和性能。
1️⃣ 并发控制（Concurrency Control）
概念
并发控制是指限制同一时间发出的请求数量，避免接口压力过大或前端资源占用过多。
适用场景
-
页面同时需要发起大量接口请求。
-
批量操作或分页数据加载。
-
图片或文件批量上传。
实现思路
使用 Promise 池 或 队列 控制同时执行的请求数：
function concurrentRequests<T>(tasks: (() => Promise<T>)[], limit: number = 3): Promise<T[]> {const results: T[] = [];let index = 0;return new Promise((resolve) => {const next = () => {if (index >= tasks.length) {if (resu