前端面试大坑实录

找工作嘛，要面试；公司招人嘛，也要面试。你面试是答题，公司招人是出题；双方都是陌生的，怎么凑成一对呢？就要靠面试题来牵线。在这个过程中呢，自然免不了要通过面试题，来试试你的深浅、长短。怎么试呢？就是在面试题中挖一些坑，看看你能否填上或是跳过去。如果你一头栽进了坑里，sorry，说明双方缘分没到。

<!-- 0号坑 -->

函数有prototype，对象有__proto__，那么是不是所有的对象都有__proto__属性？是不是所有的对象都有prototype属性？

Promise.prototype里的.then()和.catch()方法是什么关系？

// 别名，catch用于指定发生错误时的回调函数

注册多个相同的EventListener，会发生什么？是会被多次调用吗？

// 覆盖，不会多次调用

addEventListener注册事件时，它里面的this是什么？

// 对该元素的引用

const定义的常量是完全不可以更改的吗？如果不是，那么什么地方是可以被修改的？

// 不是，内容可以修改，结构不可以。

typeof [] === typeof null，是什么结果 ？

// 自己想想看？

怎么样判断一个对象是不是空的？

// Object.getOwnPropertyNames(obj).length === 0;

<!-- 1号坑 -->

div的默认宽度是多少？

// 其父容器的宽度的100%

什么叫浏览器渲染中的回流？

// 元素的大小发生变化 ，重新渲染，叫回流。

什么叫浏览器的渲染中的重绘？

// 样式变了，但位置、大小没变，这叫重绘。

<img />标签默认时要不要写宽度？

// 要写，否则编程上传一张巨大的图时，页面就放飞自我了。

为什么一个英文单词默认不换行？

// 因为没办法把一个汉字分二行显示，所以要加 wordbreak。

<!-- 2号坑 -->

为啥float左右浮动，容器会以块级容器显示？

// 因为浏览器绘制页面时，需要知道容器的高度。

IOS的弹性效果中，移动的是哪个部分？

// body部分

<!-- -->

还有许多坑，面试嘛，面的多了，坑填的就多了。