标签: 并发控制

JavaScript单线程事件循环下，利用Promise/async/await实现并发控制。主要方案：1. Scheduler类（推荐），基于队列+计数器，add任务自动调度max并发；2. asyncPool函数，Set跟踪执行任务+Promise.race限流批处理。核心：闭包劫持、递归触发、错误处理防死锁。

本文深入探讨现代前端技术，涵盖CSS方案（CSS-in-JS、CSS Modules）选型、React逻辑复用（HOC、Hooks）、Flex布局应用及并发控制。分析优劣与实践，并展望CSS Houdini、React Server Components、WebAssembly等未来趋势。

Node.js中使用RabbitMQ或Kafka限制并发：RabbitMQ通过`prefetch(1)`限制每个消费者的并发数；Kafka通过控制消费者实例数量和消息处理逻辑（如共享计数器配合Redis）限制总并发数，避免系统过载。

GitHub Actions 的 `concurrency` 配置控制工作流并发。`group` 定义并发组，常用工作流名和分支名组合，如 `CI-main`。`cancel-in-progress: true` 取消同一组内正在运行的工作流，保证同一分支上仅运行最新构建，节省资源，避免冗余执行。

本文对比了styled-components和css-modules的优缺点，讨论了HOC和Hooks的适用场景及替代关系，并给出了使用示例。同时介绍了flex布局的order属性，以及如何使用Schedule类进行Promise的并发控制。