wyt1210笔试、面试

笔试：

1、calc、support、media各自的含义及用法？

2、css水平、垂直居中的写法？

通过verticle-align:middle实现CSS垂直居中。
通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。

通过display:flex实现CSS垂直居中。

通过line-height实现CSS垂直居中。设置子元素的line-height值等于父元素的height，这种方法适用于子元素为单行文本的情况。

3、1rem、1em、1vh、1px各自代表什么含义？

rem是全部的长度都相对于根元素，
em是相对于父元素字体大小，
vh视窗的高度，相当于屏幕高度的 1%，
px是相对于显示器屏幕分辨率。

4、说一下盒模型？

在标准的盒子模型中，width指content部分的宽度。

在IE盒子模型中，width表示content+padding+border这三个部分的宽度。

如果想要切换盒模型也很简单，这里需要借助css3的box-sizing属性：

box-sizing: content-box 是W3C盒子模型
box-sizing: border-box 是IE盒子模型

box-sizing的默认属性是content-box

5、说一下标签的用法？

在html中，标签通常和标签一起使用，标签为input元素定义标注（标记）。
标签的作用是为鼠标用户改进了可用性，当用户点击标签中的文本时，浏览器就会自动将焦点转到和该标签相关联的控件上；
标签在单选按钮和复选按钮上经常被使用，使用该标签后，你点击单选按钮或复选按钮的文本也是可以选中的。

6、target/currentTarget的区别？

target是事件触发的真实元素；
currentTarget是事件绑定的元素。
事件处理函数中的this指向是中为currentTarget
currentTarget和target，有时候是同一个元素，有时候不是同一个元素 （因为事件冒泡）
当事件是子元素触发时，currentTarget为绑定事件的元素，target为子元素
当事件是元素自身触发时，currentTarget和target为同一个元素。

7、js有几种类型？

js有7种数据类型
　　1. null
　　2. undefined
　　3. boolean
　　4. number
　　5. string　　
　　6. 引用类型（object、array、function）
　　7. symbol

8、js如何实现一个类？

类的实现可通过对原型操作来实现。

9、用js递归的方式写1到100求和？

function sumFunc(num，start){
	num +=start
	start++;
	if(start>100){
		return num 
	}
	else{sunFunction（num，start）
	}
}
sumFunc（0,1）；

10、export和export default的区别？

1. export导出多个对象，export default只能导出一个对象

2. export导出对象需要用{ }，export default不需要{ }，如：
   export {A,B,C};
   export default A;

3. 在其他文件引用export default导出的对象时不一定使用导出时的名字。因为这种方式实际上是将该导出对象设置为默认导出对象，如：
   假设文件A、B在同级目录，实现文件B引入文件A的导出对象deObject：
   文件A：export default deObject
   文件B：import deObject from ‘./A’

面试：
1. 自我介绍
2. 你对vue的掌握程度是多少，哪部分还没掌握
3. Vue的生命周期 说一下
4. Vue的actived生命周期里面是处理什么的
5. 页面刚加载的时候会触发哪几个钩子函数
6. v-if/v-show的区别
7. Watch监听在哪用的
8. 在乐恩网课里面你主要负责的是什么
9. 路由再三跳转，动态路由传参你是怎么实现的
10. 做项目的时候登录的流程是怎么样的
11. Git的一些指令
12. 在url地址栏里面输入内容，中间会发生什么事、
13. 常用的http请求
14. Vue是一开始是自学的吗？
15. 前端几个人一起开发，后端同事有几个
16. 有在上一家工作中做过小程序吗
17. 你对薪资的要求就是简历上的这样的吗