而今，只要是工程化的项目，大多离不开 sourcemap 的身影，一言蔽之：构建处理前的代码和处理后的代码之间的桥梁。但却很少有同学真的去深入了解它的运作原理。

1. 学会 vite 简单原理 2. 学会使用 VSCode 调试源码 3. 学会如何编译 Vue 单文件组件 4. 学会如何使用 recast 生成 ast 转换文件 5. 如何加载包文件等

谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS

自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普及，我们早已习惯了基于 …

调试代码是程序员基本技能，而组织了源码共读活动，我发现很多人不会，或者不熟悉。 所以写篇VSCode调试代码的文章~

试想一下，你是否曾为Dialog的使用方式感到头疼🤺？一个Hook让你体验极致舒适的Dialog使用方式！🚀🚀🚀你确定不进来看看？现在就来体验一下吧，我向你保证，一旦尝试过，你将永远不会回头！

我发现在同事和面试者中，很多中级或以上的前端都还停留在promise常规用法，但其实，promise还有很多巧妙的高级用法。

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时引发bug