让代码在网页不刷新的前提下得到最新的改动，这就是Hot Module Replacement，HMR

由Rollup提出，为了消除无用的JavaScript代码而被引入的，对于es模块依赖关系确定的，就可以进行静态分析，CJS不可以

关于loader的作用和配置方法，在 初识webpack 这篇文章中已经讲过，本篇文章会讲常用的一些loader，并自己实现一个loader函数。

打包后的文件后缀，通常用于做版本管理，文件被修改后打包出来的文件指纹不同，浏览器只会下载这些不同的文件，没被修改的文件从缓存读取，加快浏览速度

1. 安装

1

npm install webpack webpack-cli --save-dev

webpack是核心模块，webpack-cli则是命令行工具

然后在根目录下创建webpack.config.js来配置webpack

1. 环境搭建

1

npm install --save-dev jest

然后在项目根目录下，控制台执行如下命令，就会初始化jest配置 jest.config.js

1

npx jest --init

深拷贝、浅拷贝

1. 区别

浅拷贝：复制基本类型和引用类型

深拷贝：引用类型所指向的内存空间也完全拷贝

1. 问题场景

三列布局中，如果想要将主要内容main优先加载优化，则DOM如下所示

1
2
3
4
5

<div class="g-container">
　　<div class="g-main">我是主列</div>
　　<div class="g-left">我是左列</div>
    <div class="g-right">我是右列</div>
</div>

1.注释

• 以 // 开头的注释，不会被编译到css文件中
• 以 /**/ 包裹的注释会被编译到css文件中

回流

指改变几何属性的渲染

重绘

指改变外观属性而不影响几何属性的渲染