vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

1. 了解浏览器的重排和重绘 1.1 什么是浏览器的重排和重绘 在网页开发中，浏览器的渲染过程涉及两个重要概念：重排（Reflow）和重绘（Redraw） 。 重绘（Redraw） ：当某些元素的外观

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

用进化论描述Babel的配置过程，详述配置中的细节；Webpack、Vue/CLI、Vite中使用Babel

“页面加载时长是影响用户体验的最大因素，不仅对用户体验有影响，还对业务数据有影响，当页面加载时长超过 5s 就会造成 90% 的用户流失 ！”

Tango 是一个基于源码的低代码设计器框架，支持直接基于项目源码提供低代码可视化开发能力，可以无缝的与既有的本地开发工作流进行集成，从而提供渐进式的低代码开发能力。

1. 为什么会有loader机制 2. loader是什么，有什么作用 3. loader的分类、执行顺序是怎样的 4. 同步、异步loader的区别 5. 如何自定义一个loader

还是这家公司问的问题，首先问的是浏览器跨标签也通信的方式有什么，我答完浏览器通信通信的方式，后面就接着问 JavaScript 有什么方式的了。 浏览器通信方式 每个浏览器标签页通常被视为一个独