想要成为前端大佬

1、开发环境区别 webpack 在开发时，需要自己开启 webpack-dev-server,而 webpack-dev-server 会使用 babel-loader 基于内存打包，比 Vite

参考 webpack 官网 是什么 tree-shaking 就是让没有用到的 JS 代码不打包，以减小包的体积。 使用方法 怎么删 tree-shaking 是通过 ES6 语法 import 和

常见的 loader 和 plugin 常见 loader webpack 文档 有写 babel-loader 把 JS/TS 变成 JS ts-loader 把 TS 变成 JS，并提示类型错误

1、入口（entry）和出口（output） 入口（entry） 入口为需要打包文件的路径 在 Webpack 中，没有配置入口情况下，默认打包 ./src/index.js,但你可以通过在 webp

节流 throttle 场景 例子：一个按钮在一定时间内只能点一次 防抖 debounce 场景 例子：拖动页面窗口，改变页面大小，拖动时，页面内容不会随窗口大小发生改变，在停止拖动时，内容发生改变。

实现类 方法 1 ：使用原型 方法 2 ：使用 class 实现继承 方法 1：使用原型链 方法 2：使用 class

首先上图 HTTP 缓存分两种 在 HTTP 1.1 时代 在 HTTP 1.1 时代，只需要在文件的响应头写上 Cache-Control:max-age=3600 就会自动缓存 1 小时，也就是说

1、button display: block; 不会生效 width: auto 不会生效 width: 100%, margin：16px 同时出现会出现以下情况 解决方法：在 button 外面

### 什么是 AJAX AJAX 是异步的 JavaScript 和 XML（Asynchronous JavaScript And XML）。简单点说，就是使用 `XMLHttpRequest`