关于面试:前端面试一

一、自我介绍

​ XXXXXXXX

二、技术面试

1.盒子模型

​ content（width，height）padding，border，margin

​ content：盒子的宽和高
​ padding：内边距

​ border：边框

​ margin：外边距

​ 总结：一个残缺的盒子模型蕴含四个局部，内容，内边距，边框盒外边距，外边距（margin）不参加计算盒子的大小

css盒模型类型：

​ 规范模型(content-box)：

​ 怪异模型（IE盒子模型,border-box）：

2.程度居中形式有哪些

行内元素居中

​ （a）父元素设置：text-align:center;

​ （b）父元素设置：display:flex; justify-content:center;

块级元素居中

​ (a)固定宽度：

    <div class="box">
            <div class="content"></div>
    </div>

    .box{
        width: 200px;
        height: 200px;
        margin: auto;
    }
    .content{
        width: 100px;
        height: 100px;
        background-color: #000000;
    }

（b）不固定宽度

3.画一条0.5px的线

<h5>办法一：画0.5px的线</h5>
<div class="line1">    </div>
<style>
    border-bottom: 1px solid black;
    transform: scaleY(0.5);
</style>
------------------------------------

6.尺寸单位

相对单位：是一个固定值，他反馈一个实在的物理尺寸

绝对单位：指定一个长度绝对另一个长度的属性，有参照对象

px：相对单位，像素

rem：（root em）绝对单位，作用于非根元素时，绝对于根元素字体大小，rem作用于根元素字体大小时，绝对于其初始字体大小

em：绝对单位,绝对于利用在以后元素字体尺寸，浏览器默认字体大小为16px；1em=1个字体大小；

• 注：em 是绝对于以后父元素的字体大小为规范，而 rem 是绝对于 html 元素的字体大小为规范。

vh(viewpoint height)：绝对单位，视图高度

vw(viewpoint width)：绝对单位，视图宽度

5.http申请形式有哪些

​ get,post,put,delete

6.get和post区别

• 1.get数据是寄存在url之后，以?宰割url和传输数据，参数之间以&相连； post办法是把提交的数据放在http包的Body中
• 2.get提交的数据大小有限度，（因为浏览器对url的长度有限度），post的办法提交的数据没有限度
• 3.get须要request.queryString来获取变量的值，而post形式通过request.from来获取变量的值
• 4.get的办法提交数据，会带来平安问题，比方登录一个页面，通过get的形式提交数据，用户名和明码就会呈现在url上

7.ES6新个性

const和let，模板字符串，箭头函数，函数的参数默认值，对象，for…of，for…in

8.var和let区别

• var申明的变量会挂载在window上，而let和const申明的变量不会
• var申明的变量存在变量晋升，let和const不存在变量晋升
• 同一作用域下var能够申明同名变量，let和const不能够
• let和const申明会造成块级作用域

9.vue子父组件传值

父传子： 父组件把要传递的数据绑定在属性上，子组件通过props接管

子传父：子组件通过this.$emit,父组件设置一个监听属性来接管

10.状态码

2XX（胜利解决了申请状态）
          200 服务器曾经胜利解决申请，并提供了申请的网页
          201 用户新建或批改数据胜利
          202 一个申请曾经进入后盾
          204 用户删除胜利
3XX（每次申请应用的重定向不要超过5次）
          304 网页上次申请没有更新，节俭带宽和开销
4XX（示意申请可能出错，障碍了服务器的解决）
          400 服务器不了解申请的语法
          401 用户没有权限（用户名，明码输出谬误）
          403 用户失去受权（401相同），然而拜访被禁止
          404 服务器找不到申请的网页，
5XX（示意服务器在解决申请的时候产生外部谬误）
          500 服务器遇到谬误，无奈实现申请
          503 服务器目前无奈应用（超载或停机保护）

11.线程和过程的区别

12.http协定

13.http和https

• https协定须要到ca申请证书，个别收费证书较少，因此须要肯定费用。
• http是超文本传输协定，信息是明文传输，https则是具备安全性的ssl加密传输协定。
• http和https应用的是齐全不同的连贯形式，用的端口也不一样，前者是80，后者是443。

• http的连贯很简略，是无状态的；HTTPS协定是由SSL+HTTP协定构建的可进行加密传输、身份认证的网络协议，比http协定平安。

  客户端在应用HTTPS形式与Web服务器通信时有以下几个步骤，如图所示。

　

　　（1）客户应用https的URL拜访Web服务器，要求与Web服务器建设SSL连贯。

　　（2）Web服务器收到客户端申请后，会将网站的证书信息（证书中蕴含公钥）传送一份给客户端。

　　（3）客户端的浏览器与Web服务器开始协商SSL连贯的安全等级，也就是信息加密的等级。

　　（4）客户端的浏览器依据双方同意的安全等级，建设会话密钥，而后利用网站的公钥将会话密钥加密，并传送给网站。

　　（5）Web服务器利用本人的私钥解密出会话密钥。

　　（6）Web服务器利用会话密钥加密与客户端之间的通信。

三、杂谈