前端面试题大全整理

一、Javascript数据类型

　　基本数据类型 + 引用数据类型 + es相关

　　基本数据类型： Number,String,Null,undefined,Boolean,symbol

　　引用数据类型： Object (function,Array都继承与Object，可以使用instanceof来进行验证)

　　Function instanceof Object 和 Array instanceof Object  都返回true

二、Javascript的类型判断

　　1.typeof最常用的判断类型的方法，但是它无法对数组和null等数据类型进行精确的判断

　　2.instanceof用于判断引用类型的继承关系，它的问题是不支持判断基础类型

　　3.Object.prototype.toString.call的方法进行判断

　　　Object.prototype.toString.call([])  返回[object Array]

　　　Object.prototype.toString.call()    返回[object Undefined]

三、简述Vue的响应式原理

　　1.data的属性被转化为getter和setter，并且记录相应的依赖，当它被改动的时候会通知相应的依赖

　　2.所有的组件实例会有对应的watcher实例，而watcher实例会依赖于相应的setter

　　3.当数据变化时，setter会被调用，setter会通知对应的watcher,而watcher会更新相应的视图

四、清除浮动的几种方式

　　1.给父级加上 overflow: hidden;

　　2.给父级加上 display: inline-block;

　　3.在父级元素的相邻元素上面加上 clear: both;,也可以在浮动元素的后面加一个空元素，设置css属性clear: both

　　4.给浮动元素的父级加上宽高，此方法局限性比较好，不推荐使用