无论做业务需求还是做平台需求的同学，随着需求的不断迭代，通常都会出现逻辑复杂、状态混乱的现象，维护和新增功能的成本也变的十分巨大，苦不堪言。下图用需求、业务代码、测试代码做对比： 图中分了 3 个阶段

工欲善其事，必先利其器！ 写一个开源的项目也不例外，就拿在国内很火的vue3框架和vite工具来讲，其中的实现与架构设计无不是一个复杂而庞大的工程，而支撑这些工程能顺利运行的无不是一个又一个的轮子

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

EventLoop（事件循环）是编程中管理异步操作和非阻塞IO的一种重要机制，它的目的就是让程序可以在等待某些耗时操作（如网络请求、定时器等）完成的同时，能够执行其他任务，从而避免程序阻塞。

(a, b) => b - a 是降序。 可见sort排序对整数可以，类似版本号这个格式就不适用了，因为sort函数在比较字符串的时候，是比较字符串的Unicode进行排序的。 14. 对象转数组

我们常说 Javascript （下面简称JS）是一门单线程编程语言，而单线程就意味着同一时刻只允许一个代码段在主线程上执行，那么对于执行一些需要长时间等待的任务来说，它们会占据线程不放。