百度前端一面（总结）

前言

小白我是从大二起利用课余时间自学的前端，因为对前端的热爱，所以一直坚持到了现在（目前准大四，下学期开学大四）。我是在哔哩哔哩上看视频以及看官方文档进行学习的，磕磕碰碰，终于学到有了一点感觉，所以就想通过找一份实习，想在工作中发现自己的不足，进行弥补。所以就在实习僧软件上投了百度实习生的简历，没想到收到了面试的资格（电话面试）。虽然最后···，感谢给我这次面试的机会！

面试问题

面试的问题还是比较简单的，但是我第一次电话面试，特别紧张，所以····，嗯····

1 . css中哪些属性是可以继承的？

	font-size , font-family , text-indent , line-height , color 等

2 . 遍历数组的方式 ？ 面试官问我 es6 中的 some every 知道吗 ？

   var a = [11, 12, 13, 14, 15, 16, 17, 18]

        console.log("数字遍历第一种方式: forEach") //没有返回值
        a.forEach((item, index) => {
            console.log("索引值:" + index + "==== 值:" + item)
        })

        console.log("第二种方式: map") // 可以设置返回值
        var c = a.map((item, index) => {
            // console.log("索引值:" + index + "==== 值:" + item)
            return item
        })
        console.log(c)
        console.log("数组遍历第三种方式: for of")
        for (var [index, item] of a.entries()) {
            console.log(index, item)
        }
        console.log("数组遍历第三种方式: some every")
        a.some((item, index) => [
            console.log(item, index)
        ])

        console.log("数组遍历第三种方式: for in")
        for (var i in a) {
            console.log(i)
        }

3 . 伪类知道吗 ?

	1.  :link 选择所有未被访问的链接
	2.  :visited 选择所有已被访问的链接
	3.  :active 选择活动的链接
	4.  :hover 选择鼠标位于其上的链接
	5.  :focus 选择获得焦点的input元素

4 . 微信App 首页的布局是怎么实现的

   我给了两种方式: 固定定位 display:fixed ; 父盒子设置display:flex;

5 . 判断变量时候是数组 ？

	1. 原型链判断方法: Array.isArray([]);
	2. [].__proto__ === Array.prototype;

6 . 盒子模型了解吗 ？

   border-sizing: border-box | content-box | inherit (继承盒模型)

7 . 元素的水平垂直居中

7.1 absolute 定位 （1）

   .father {
   		position:relative;
   }
   .son {
   		position:absolute;
   		margin:auto;
   		top:0;
   		left:0;
   		right:0;
   		bottom:0;
   }

7.2 absolute 定位（2）

   。father {
   		position:relative;
   }
   .son {
   		position:absolute;
   		top:50%;
   		left:50%;
   		transform:translate(-50%,-50%)
   }

7.3 absolute 定位（3）(前提是盒子模型)

	.son {
		transform:translateY(-50%)
		margin:50% auto;
	}

7.4 display: flex 布局

	.father {
		display:flex;
		justify-content:center;
		align-item:center;
	}

8 . 简述下有哪些元素是块级元素，有哪些行内元素以及行内块 ？

   1. 块级元素: p , div , footer , article , ul , ol ，h1-h6
   2. 行内元素: b , strong , i , em , a , span
   3. 行内块元素: input, img

9 . ed6 中的let ,const 了解吗 ？

	let 定义的变量或者函数在定义域内能再次赋值修改，而const 定义的就不能修改。

10 . 基本数据类型 与引用数据类型

	1. 基本数据类型: String , Number , NULL , undifine , Boolean
	2. 引用数据类型: 除了基本数据类型，其他的数据类型都是引用数据类型，Object类型。

11 . 介绍下promise
12 . 闭包了解吗 ？
13 . 事件的节流与防抖
14 . vue的生命周期函数
15 . vue中key值的作用是干嘛的 ？
····· (还有一些忘记了 ？)