面前准备2

1: 输入url到页面加载

2: 优化http部分
减少http请求次数 && 和http请求体积

部署时就把静态资源放在离我们更近的 CDN 服务器上

2: webpack性能调优 和Gzip原理

Webpack => 静态资源打包器 => 从入口文件出发 递归的构建一个依赖关系图
bundles => output指明在哪里输出它所创建的bundles

output: {
    path: path.resolve(__dirname, 'dist'), // bundles输出到哪里
    filename: 'my-first-webpack.bundle.js' // bundles的名称
  }
  
 webpack 编译器(compiler) 
入口文件 - 构建 - loaders - plungins
转换器
插件

3: 网页布局
flex布局 
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
盒模型 display + position + float

4: 回流 && 重绘
元素的几何属性发生改变 宽高 隐藏
样式变化 几何属性没变
display:none
visibility: hidden

5:浏览器缓存
disk cache 
memory cache

6: 闭包：当内部函数被保存到外部时，将会生成闭包。闭包会导致原有的作用域链不释放，造成内存泄漏（占用）

7:

2面试题
webpack热替换