乐趣区

关于面试:前端面试一

jiezi
一、自我介绍

​ 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 服务器利用会话密钥加密与客户端之间的通信。

三、杂谈
退出移动版