前端校招前的准备2

1.解决高度塌陷

.clearfix::before,

.clearfix::after{

    content: "";

    display: table;

    clear: both;

}

2.盒子水平垂直居中的方法：

    先让父元素开启相对定位relative，再给盒子开启绝对定位absolute

    1）top:50%;

          left:50%;

          transform:translate(-50%,-50%)  ,可以不定义盒子的宽高，有的话用margin

    2）.父元素{  display: flex;

                        justify-content: center;

                        align-items: center}

    3)  .父元素{ display:table-cell;

                        vertical-align: middle;

                        text-align: center} 此法是将元素内文本居中可将子元素变成文本可实现居中

          子元素： display: inline-block

3.http的请求方法有哪些？get、post的区别，别的方法是干什么的

    1、本质区别：get用于查询信息（查），post用于插入信息（插）；
    2、安全性：对于服务器讲，get是安全(不更改信息)、幂等(作用1次和n次效果相同); post不安全、不幂等;   
     对于客户端将，get参数直接暴露在URL, 不安全；post参数放消息体中，更安全；
    3、传送长度:   get受 URL限制，传送数据量小; post传送数据量大，默认不受限制;    
    4、缓存机制、历史记录：get请求会被浏览器主动缓存，也会被保留在历史记录中，post都不可以；
    5、数据类型：get只允许ASCII码字符类型，post无限制；

    6、GET产生一个TCP数据包；POST产生两个TCP数据包。

head: 类似于get，但只获取头部信息。             
put: 【改】从客户端向服务器传送的数据取代指定的文档的内容。         （幂等）
delete:【删】请求服务器删除指定的页面。                                               ( 幂等）
connect: HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。
trace: 请求服务器回送收到的请求信息，主要用于测试或诊断。
options: 请求服务器返回该资源所支持的所有HTTP请求方法。 

4.浏览器状态码了解吗？301 302 304 什么时候会用到304？                                                                301，302都是HTTP状态的编码，都代表着某个URL发生了转移，不同之处在于：
    301 redirect: 301 代表永久性转移(Permanently Moved)，
    302 redirect: 302 代表暂时性转移(Temporarily Moved )，
    当然Http 状态 200 标示没有任何问题发生。                                                                                      304 的标准解释是： Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档）。服务器告诉客户，原来缓冲的文档还可以继续使用。

    304：如果客户端发送了一个带条件的GET 请求且该请求已被允许，而文档的内容（自上次访问以来或者根据请求的条件）并没有改变，则服务器应当返回这个304状态码。

404： 找不到

403： forbidden 禁止，没有权限

401： 未授权

500： 内部错误

200： OK

5.关于AJAX

 

6.Vue的指令 

 

v-show，v-if，v-for，v-model，v-bind

 

v-bind绑定Style属性， 属性值必须加上单引号，否则会被当作一个变量去解析。