面试取经

热替换 HMR 当使用webpack-dev-server时，考虑代码改动到效果呈现的过程 而使用了热替换后，流程发生了变化 使用和原理 更改配置 更改代码 首先，这段代码会参与最终运行！ 当开启了热

优化loader性能 进一步限制loader的应用范围 思路是：对于某些库，不使用loader 例如：babel-loader可以转换ES6或更高版本的语法，可是有些库本身就是用ES5语法书写的，不需

减少模块解析 什么叫模块解析 模块解析包括：抽象语法树分析、依赖分析、模板语法替换，发生在webpack编译过程的第二个阶段（编译阶段） 不做模块解析会怎样 如果某个模块不做解析，该模块经过loade

webpack 的作用是将源代码编译（构建、打包）成最终代码 编译过程 初始化 编译 输出 初始化 webpack会将CLI参数 配置文件 webpack.config.js，以及默认配置进行融合，形

概述 工程化的性能优化主要体现在以下几个方面 构建性能（开发阶段） 降低从打包开始，到代码效果呈现所经过的时间 传输性能 降低打包后的js代码传输到浏览器经过的时间 总传输量：所有需要传输的JS文件的

浏览器地址栏输入地址，回车后，发生了什么 浏览器自动补充协议、端口 浏览器自动完成url编码 浏览器根据url地址查找本地缓存，根据缓存规则查看是否命中缓存，若命中缓存则直接使用缓存，不再发出请求 通

断点续传 下载 若要实现下载时的断点续传，首先，服务器在响应时，要在头中加入下面的字段 这个字段是向客户端表明：我这个文件可以支持传输部分数据，你只需要告诉我你需要的是哪一部分的数据即可，单位是字节

文件上传 文件上传的消息格式 除非接口文档特别说明，文件上传一般使用POST请求 接口文档中会规定上传地址，一般一个站点会有一个统一的上传地址 除非接口文档特别说明，content-type: mul

HTTP版本 HTTP 1.0 无法复用连接 由于每个请求都是独立的连接，因此会带来以下问题 连接的建立和销毁都会占用服务器和客户端的资源，造成内存资源的浪费 连接的建立和销毁都会消耗时间，造成响应时

面试取经：网络篇-网络性能优化 优化打包体积（前端） 利用一些工具压缩、混淆最终代码，减少包体积 多目标打包（前端） 利用一些打包插件，针对不同的浏览器打包出不同的兼容版本，这样一来，每个版本中的兼容

XSS攻击 是指跨站脚本攻击，攻击者利用站点的漏洞，在表单提交时，在表单内容注入一些恶意脚本，当其他正常用户浏览页面，而页面中刚好出现攻击者的恶意脚本时，脚本被执行，从而使得页面遭到破坏，或者用户信息

CSRF攻击 Cross-site request forgery，跨站请求伪造。指攻击者利用用户的身份信息，执行了非用户本意的操作 具体是首先引导用户访问一个危险的网站，当用户访问网站后，网站会发送

cookie、sessionStorage、localStorage 区别 都是保存本地数据的方式 cookie 出现最早，兼容性好，所有浏览器都支持。浏览器针对cookie有一些默认行为 响应头出现

cookie 场景 登录凭证 服务器识别是谁在请求的一个凭证，由于http是无状态的，服务器无法识别后续请求是否属于同一来源 登录流程 登陆成功 服务器生成一个带身份认证的cookie 服务器将coo

常见请求方法 请求方法的本质 请求方法是请求行的第一个单词，它向服务器描述了客户端发出请求的动作类型，虽然可以自定义请求方法，但一般不这么做 客户端和服务端，约定俗成规定了一些常见的请求方法 GET

创建then函数..........................................

浏览器渲染原理 浏览器是如何渲染页面的 当浏览器的网络线程收到HTML文档（htmlStr）后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中

节点的几何属性发生改变或者由于样式发生改变而不会影响布局的，称为重绘。 布局或几何属性需要改变，就称为回流，回流是影响浏览器性能的关键因素，因为其变化涉及到部分页面（或整个页面）的布局更新。

优化方式有哪些减少http请求减少dom操作避免不必要的重绘和重排（用定位）优化css选择器（简写）css/js压缩Gzip压缩css放到顶部，js放到尾部压缩图片，使用雪碧图使用cdn加速合理控制c

instanceof可以正确的判断对象的类型，因为内部机制是通过判断对象的原型链中是不是能找到类型的prototype自己实现一个instanceof如何实现获取类型的原型获取对象的原型然后一直循环判