前端

一、 html

1、块级元素、行内元素分别有哪些？
2、Doctype的作用

二、css

1、水平居中

2、垂直居中

3、BFC

BFC的布局规则

内部的Box会在垂直方向，一个接一个地放置。
Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。
每个盒子（块盒与行盒）的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。
BFC的区域不会与float box重叠。
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
计算BFC的高度时，浮动元素也参与计算。

创建bfc

float的值不是none。
position的值不是static或者relative。
display的值是inline-block、table-cell、flex、table-caption或者inline-flex
overflow的值不是visible

三、js

1、var，let，const的比较？

 var声明变量存在变量提升，let和const不存在变量提升
 let、const都是块级局部变量
 同一作用域下let和const不能声明同名变量，而var可以
 ```
 2、继承的方式有那几种？

 3、说说对原型链的理解
 4、判断数据类型的方式有哪些
     typeof
     instanceof
     constructor
     Object.prototype.toString.call()
 5、数组去重的方式

 6、深拷贝和浅拷贝的方式

 7、闭包的特性：
     1.封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；
     2.持久性：一般的函数，调用完之后，系统会自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包依然存在。
 8、 继承

 9、 介绍一下new 操作符。New操作符具体干了什么

 10、什么是事件委托？

 11、 defer(延迟) async(异步)
     async 下载后立即执行
     defer 所有元素解析完成之后执行

 12、created和mounted的区别, 在那个里面放请求合适。
     1、一般情况下放在created 就可以，这样可以尽快把请求发出去。但是依赖dom必须存在的情况下要放在mounted里面
     2、安全起见可以建议放在mounted

     created 实例已经被初始化，但是还没有挂载至$el上
     mounted 成功挂载$el,


#四、编译工具
1、webpack 常用插件
 define-plugin：定义环境变量
 commons-chunk-plugin：提取公共代码
 uglifyjs-webpack-plugin：通过UglifyES压缩ES6代码

2、webpack 常用loader

 file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件
 url-loader：和 file-loader 类似，但是能在文件很小的情况下以 base64 的方式把文件内容注入到代码中去
 source-map-loader：加载额外的 Source Map 文件，以方便断点调试
 image-loader：加载并且压缩图片文件
 babel-loader：把 ES6 转换成 ES5
 css-loader：加载 CSS，支持模块化、压缩、文件导入等特性
 style-loader：把 CSS 代码注入到 JavaScript 中，通过 DOM 操作去加载 CSS。
 eslint-loader：通过 ESLint 检查 JavaScript 代码


3.Loader和Plugin的不同？

不同的作用
Loader直译为"加载器"。Webpack将一切文件视为模块，但是webpack原生是只能解析js文件，如果想将其他文件也打包的话，就会用到loader。 所以Loader的作用是让webpack拥有了加载和解析非JavaScript文件的能力。

Plugin直译为"插件"。Plugin可以扩展webpack的功能，让webpack具有更多的灵活性。 在 Webpack 运行的生命周期中会广播出许多事件，Plugin 可以监听这些事件，在合适的时机通过 Webpack 提供的 API 改变输出结果。

不同的用法
Loader在module.rules中配置，也就是说他作为模块的解析规则而存在。 类型为数组，每一项都是一个Object，里面描述了对于什么类型的文件（test），使用什么加载(loader)和使用的参数（options）
Plugin在plugins中单独配置。 类型为数组，每一项是一个plugin的实例，参数都通过构造函数传入。


4.如何利用webpack来优化前端性能？（提高性能和体验）
用webpack优化前端性能是指优化webpack的输出结果，让打包的最终结果在浏览器运行快速高效。

压缩代码。删除多余的代码、注释、简化代码的写法等等方式。可以利用webpack的UglifyJsPlugin和ParallelUglifyPlugin来压缩JS文件， 利用cssnano（css-loader?minimize）来压缩css
利用CDN加速。在构建过程中，将引用的静态资源路径修改为CDN上对应的路径。可以利用webpack对于output参数和各loader的publicPath参数来修改资源路径
删除死代码（Tree Shaking）。将代码中永远不会走到的片段删除掉。可以通过在启动webpack时追加参数--optimize-minimize来实现
提取公共代码。

#五、 项目