1. ”this.”后面加_是什么意思
为了区分，比如this._event 可能是因为this本来包含event属性，为了区分就在新的那里加一个下划线
2. padding-top padding-bottom的区别
margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。（外边距）
padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。（内边距）
所以padding-top的意思就是上内边距，下面的部分为内容（content）;padding-bottom的意思是下内边框到顶的距离，且内容content在这之间
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>三栏布局</title>
<link rel="stylesheet" href="" />
<style type="text/css" media="screen">
.father {
width: 100px;
height: 100px;
background: #222;
}
.element {
width: 100%;
height: 0;
padding-bottom: 90%;
background: #eee;
}
</style>
</head>
<body>
<div class="father">
<div class="element">
Watch this eleme
</div>
</div>
</body>
</html>
3. 元素居中
（1）对于
display:flex;
justify-content:center;
要在父元素这么写，然后子元素div就会居中，要注意父子元素的width，如果子元素的width已经为100%,居中也看不出来了
（2）
margin: 0 auto;
注意中间不能加逗号，也可以就用auto
（3）
position: absolute;
left:50%;
transform: translate(-50%,0);
将top设为50%，translate(-50%,0); 设为translate(-50%,-50%);可以实现水平居中
4. webpack打包原理
-
Webpack打包原理：先找到入口文件，递归探索所有依赖的模块，最后利用Loader进行不同文件类型的处理，打包为一个JavaScript文件
-
核心原理： 1.一切皆模块 2.按需加载
-
除了加载模块的功能,webpack还可以利用Loader转换es6、less、Typescript，还可以利用插件开发多页面应用等等。
5. content-type
- ajax请求中contentType与dataType区别
- contentType: 告诉服务器，我要发什么类型的数据
- dataType：告诉服务器，我要想什么类型的数据，如果没有指定，那么会自动推断是返回 XML，还是JSON，还是script，还是String。
-
表单一般是post方式提交，数据是放在http数据帧中的body里面，
-
移动端给后台传递json的时候得设置type为json，后台接收时以对象的形式接收，格式如下： {"a":1,"b":2,"c":3}
-
如果数据比较复杂，比如包含数组、对象等时，就只有json才能胜任了。
-
如果数据是通过表单提交的，那么当然使用默认的form即可，因为它会自动构建数据结构，无需手工拼接；
-
如果是通过ajax发送数据，则最好使用json，因为可以通过简单的方法把对象转换为json字串
6.状态码
- http 状态码301、302、303、307、308 的区别
- 301、308 是永久重定向，请求的资源已经被分配了新的URL，以后应使用资源现在所指的URL
- 302表示目标资源临时移动到了另一个url上面，302默认以get重新发出请求
- 303 是为了区分302而存在的。用以明确服务器期待客户端进行何种反应。重定向到新地址时，客户端必须使用GET方法请求新地址。
- 307 的定义实际上和 302 是一致的，唯一的区别在于，307 状态码不允许浏览器将原本为 POST 的请求重定向到 GET 请求上。
- 307、308不允许重定向时改变请求method。
