积累的一些面试题，也许对你有些帮助

如何清除浮动

1.clear清除浮动(添加空div法)，在浮动的元素下面添加一个空的div，并且给这个div设置样式：{clear:both;height:0;overflow:hidden;}
2.给父元素设置宽高
3.父级同时浮动：需要给父元素同级元素添加浮动
4.父级元素设置为inline-block，但是其margin:0 auto居中方式失效
5.给父居元素添加overflow:hidden;清除浮动
6.万能法清除浮动:after伪类,现在主流的清浮动方法，建议使用，我们可以提前写好class名为clear的类，并给它写样式，要清除浮动直接在class中加入clear即可=>.clear:after{content:".";height:0;display:block;height:0;overflow:hidden;visibility:hidden}

数组去重

思路1：定义一个数组，并且存放原数组的第一个元素，然后将原数组一一和新数组的元素对比，若不同则放在新数组中
思路2：先将原来的数组排序，再与相邻的进行比较，如果不同存入新数组中
思路3：利用对象属性存在的特性，如果没有该属性就存入新数组
思路4：（最常用）利用es6中的set数据结构里面的元素不会重复的特性去重

什么是深浅拷贝，怎么实现深拷贝

如何区分深浅拷贝，简单地说，就是假设B复制了A，当修改B时，看看A是否改变，若改变，则是浅拷贝，若不改变就是深拷贝
深拷贝的方法有很多，比如递归，但是最简单的还是使用JSON

//先将这个对象转化为json字符串
let _obj=JSON.stringify(obj);
//再将这个字符串转化为对象传给ObjClone，这样就避免了地址指向问题，从而达到深拷贝的目的
let objClone=JSON.parse(_obj);

promise的用法

首先promise是解决异步编程和回调地狱的问题
下面代码是promise的核心代码

//生成一个promise对象
let p=new Promise((resolve,reject)=>{
//写异步代码
if(/*异步操作成功*/){
	resolve(value);
}else{
	reject(error);
}
})
.then(function(res){
	//成功时执行
	
})
.catch(function(error){
	//失败时执行
})

js中实现继承的几种方式

方式有：构造函数继承，原型链继承，组合继承和es6中的class extends继承
1、利用原型链实现继承

function SuperFn(){
	this.flag=true;
}
SuperFn.prototype.judgeFlag=function(){
	console.log("this.flag",this.flag)
}
function suberFn(name){
	this.flag=name
}
var s=new SuperFn()
suberFn.prototype=s;

优点：所有实例可以共享原型对象中的属性和方法
缺点：如果原型对象中的属性是引言类型，会导致所有实例的更改（官方：如果包含引用类型值的原型属性会被所有实例共享）（它的优点也即是他的缺点）

2、利用call方法实现继承（借用构造函数）

function superName(name){
  console.log("super")
  this.name=name	
}
function subName(age){
	console.log("suber")
	superName.call(this)
	this.age=age
}
superName.prototype.sayname=function(){
  console.log("name==",this.name)
}
subName.prototype=new superName()
subName.prototype.constructor=subName

优点：在子类构造函数中可以向超类构造函数传递参数
缺点：不能实现函数复用（超类原型对象中定义的属性和方法不能共享）

3、组合式继承（将原型链和构造函数合在一起）

function superType(name){
	console.log("super")
	this.name=name
}
function suberType(age){
	console.log("suber")
	superType.call(this,"lxx");  //第二次调用超类 superType
	this.age=age
}
superType.prototype.sayname=function(){
	console.log("name==",this.name)
}
suberType.prototype=new superType()  //第一次调用超类 superType
suberType.prototype.constructor=suberType

优点：可以共享原型对象的属性和方法，可以向超类传递参数
缺点：不管什么情况下，都会两次调用超类构造函数

4、利用Object.create实现继承

var person={
	name:'lxx',
	age:23,
	sex:1
}
var another=Object.create(person)
function animal(){
	this.say=true;
}
animal.prototype.sayname=function(){
	console.log("name==",this.say)
}
var dog=Object.create(animal.prototype) 
//利用Object.create(animal.prototype)来实现及继承

Object.create()方法MDN是上的标准解释是：Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。
Object.create实现继承是，dog对象的__proto__属性指向了animal.prototype对象。
如果是dog.prototype=Object.create(animal.prototype),那么就是dog.prototype对现的__proto__属性指向了animal.prototype对象。
Tips: Object.create(null)可以创建一个没有任何原型的对象
缺点：浏览器兼容问题，IE 9+,chorome，Safari 5+,Firefox 4+;

5、利用class(es6)语法实现继承

class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
	return 3
  }
  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}
//利用关键字extends和es6新增的super完成继承
class colorPoint extends Point{
	constructor(x,y,color){
		super(x,y);
		this.color=color
	}
}