CassieHuu

Tree-shaking 是 Webpack 等现代构建工具中用于消除未使用代码（dead code）的技术，其核心目标是在打包时只保留被实际引用的代码，从而减小 bundle 体积。

Webpack 打包后的 bundle 文件（通常是 main.js 或带有哈希值的 JS 文件）是一个包含所有应用代码的 自执行函数，它整合了模块之间的依赖关系，并通过自定义的模块系统实现按需加载。

在 Webpack 中，Loader 和 Plugin 是两个核心概念，但它们的工作方式和接受的参数有很大区别。

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，允许客户端和服务器之间进行实时数据交换。

nextTick 是 Vue.js 提供的一个核心工具函数，用于在 DOM 更新后执行回调。它解决了 Vue 异步更新机制带来的时序问题，是开发中处理 DOM 操作的关键工具。

在JavaScript的发展历程中，模块化规范经历了从运行环境层面到语言层面的演进，由于ESModule需编译为CommonJS才能在老浏览器运行，而CommonJS无法直接在浏览器中使用

什么是滚动穿透？ 当页面A打开弹窗B后，滚动B的内容时，A页面也会随之滚动——这种现象称为滚动穿透。如何解决？

随着发展的逐步推进，作为工程师除了需要关注要写的页面、样式和逻辑之外，还需面对日益复杂的系统性问题，比如模块化文件的组织、ES6 语法的编译、打包压缩所有的 JS 代码、优化和合并图片静态资源等事情。

要明白我们的打包工具究竟做了什么，首先必须明白的一点就是 JS 中的模块化。 本文梳理了 JS 模块化相关规范（CommonJS、AMD、ESModule ）以及 JS 运行环境、解析器等相关内容