Ryan今天学习了吗

本文从表象深入到浏览器底层原理，逐步剖析造成页面卡顿的原因，总共6000字，文字和配图都是自己手打和制作的，只为了更准确的展示思路，但也难免会有我没发现的疏漏和错误，如果有欢迎指出，大家一起学习。

Babel 手写一个简易编译器 Babel本质上就是一个编译器。把一种代码变成另一种代码。 我们将要实现一个最简单的Babel核心功能：将ES6的箭头函数转换为ES5的普通函数。 我们不要去背那些复杂

Wepack实现 webpack打包功能实现 webpack打包与模块加载原理(从JS入口文件出发如何进行简单打包 -> __webpack_require__具体实现 -> 一个最基础的bundle

实现 Vite 核心功能(自测：Vite 核心功能和运行原理有哪些，由最简讲起，具体是怎么实现的) Webpack 是先打包好文件再放到 dev server 运行 而 Vite 是先运行 dev s

理解微前端架构的价值 亲手搭建一个包含 Vue 主应用和 React/Vue 子应用的完整 qiankun 项目。 深入 qiankun 的 JS 沙箱 和 样式隔离 的 底层原理 并能够解决实际简单

最简思路： 1. 监听元素 `dragstart` 事件，当 **元素开始被拖拽** 时，改变元素样式为 **虚线框** 2. 监听元素 `dragenter` 事件，当 **当前拖拽元素与其他元素