**# 一、js部分
**# 二、vue部分
**# 三、网络协议部分
[详细博客->](https://xiaolincoding.com/network/2_http/http_interview.html)1. http原理，http1.1与2.0区别（头部header压缩二进制）
2. https原理,http+ssl/tsl，对称加密/非对称加密
3. tcp/ip协议
4.
**# 四、webpack
[详细->](https://www.webpackjs.com/concepts/#entry)[bilibli](https://www.bilibili.com/video/BV11g411y7Sd/?spm_id_from=333.999.top_right_bar_window_history.content.click&vd_source=c498489f6c8b6bf65e2b637d3ab715de)
1. 入口entry
将一个或多个模块(文件)作为入口，来构建其内部的依赖图。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。3. 输出output
output属性告诉 webpack 在哪里输出它所创建的 bundle，以及如何命名这些文件。4. loader
webpack 只能理解 JavaScript 和 JSON 文件，这是 webpack 开箱可用的自带能力。loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效 [模块](https://www.webpackjs.com/concepts/modules)，以供应用程序使用，以及被添加到依赖图中。即 将非原生文件类型转换编译为原生文件类型。
5. plugin
loader 用于转换某些类型的模块，而插件则可以用于执行范围更广的任务。包括：打包优化，资源管理，注入环境变量。比如 `html-webpack-plugin` 为应用程序生成一个 HTML 文件，并自动将生成的所有 bundle 注入到此文件中。
即 html文件中script标签上使用src引入的xxx.chunk(bundle).js
