前端面试题-4

哪些事件可以冒泡？

不能冒泡的事件：abort（音频终止加载）、resize（调整窗口大小）、error（加载失败时）、load（已经加载时）、unload（正在被卸载时）、mouseenter.mouseleave、blur（失去焦点）、focus（获得焦点）。

可以冒泡的事件：brforeinput、click、compositionstart、compositionupdate、compositionend、dblclick（双击）、focunsin、focusout、inputkeydown、keyup、mousedown、mousemove、mouseout、mouseover、mouseup、scroll、select、wheel。

用纯CSS创建一个三角形的原理是什么？

利用盒子的均分原理，盒子都是矩形或者正方形，从形状的中心，向四个上下左右划分4个部分，保证都是块级元素，设置元素的边框，不需要展示的边框使用透明色transparent。

div.arrow-left {
  width:0px;
  height:0px;
  border-bottom:5px solid transparent;  /* left arrow slant */
  border-top:5px solid transparent; /* right arrow slant */
  border-right:5px solid #2f2f2f; /* bottom, add background color here */
  font-size:0px;
  line-height:0px;
}

如何判断一个object是数组类型？

1、从原型入手

利用isPrototypeOf()方法，判定Array是不是在obj的原型链中，是则返回true，否则返回false。

2、从构造函数入手：obj instanceof Array

3、根据对象的class属性，跨原型链调用toString()方法 

在js中一个对象一旦被创建，在内部会携带创建对象的类型名，一旦创建就不能被修改了。那么怎么获取这个对象的类型名呢？

js中提供了，调用对象原型中的toString方法， Object.prototype.toString.call(obj)；因为很多对象继承的toString（）方法被重写了，为了能够调用正确的toString（）版本，也就是最原始的版本。可以使用Function.call()的方法，其中call可以这么理解，相当于obj去借用这个 Object.prototype.toString();

 

 4、Array.isArray()方法