乐趣区

关于面试:前端面试一

一、自我介绍

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

三、杂谈
退出移动版