李留白

Babel 原理简析及示例 Babel 是一个广泛使用的 JavaScript 编译器，它可以让我们在当前的 JavaScript 环境中使用尚未被广泛支持的新特性。本文将详细解析 Babel 的工作

hello~亲爱的看官老爷们大家好~ 最近一直在学习 webpack 的相关知识，当清晰地领悟到 webpack 就是不同 loader 和 plugin 组合起来打包之后，只作为工具使用而言，算是入门了。当然，在过程中碰到数之不尽的坑，也产生了想要深入一点了解 webpack…

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。 莫慌，我们一点点拆分开看，其实总体的文件就是一个 IIFE——立即执行函数。 函数的入参 mo…

本题难度：⭐ ⭐ 本题类型：构建工具 问：什么是 Tree-Shaking？ 答： Tree-Shaking 因 rollup.js 而普及，简单来说，Tree-Shaking 是指擦除那些不会执

1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除

Webpack 的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。Vite 的第一次发布是在 2021 年，是仅两天来前端打包工具中的后起之秀，重点解决 Webpack 在开发阶段的开

去年vue3发布弯屁斯版的时候，伴生打包工具vite的说明吸引了我。实际跑了一下，项目构建速度和webpack没有差太多，但是开发热更新速度真的是快的飞起！ 主流的浏览器（IE11除外）均已经支持，其最大的特点是在浏览器端使用export import的方式导入和导出模块，在 …

Vue 2 的 diff 算法相对于简单 diff 算法来说，通过 双端对比与生成索引 map 两种方式 减少了简单算法中的多次循环操作，新旧数组均只需要进行一次遍历即可将所有节点进行对比。

传入的事件会自动生成并缓存一个内联函数再cache里，变为一个静态节点。这样就算我们自己写内联函数，也不会导致多余的重复渲染 真是优秀啊