| 7 min read

2016 年立马就要过去了,在新的一年,尤其春节后跳槽换工作的童鞋,不妨先刷刷这些题,有个大致印象也好。

过去的一年里,行业整体对前端需求还是 供大于求。不过大一点的互联网公司对前端要求越来越高,而一些较为小型的创业公司对前端的要求相对低一点,要求已快速上手为主。过去的一年前端发展很迅速,会React的或者React Native的会比较吃香,而传统的IE6兼容性几乎不再考察了。下面简单罗列一些知名企业的前端面试问题,希望有所帮助。(题目不分先后,不分题目已经是老生常谈,也罗列出来了)

百度篇

1 写出javascript运行结果: ``` js for(var i=0; i<10; i++){} alert(i); ```

2 Cookie、sessionStorage、localStorage的区别

3 JSONP原理

4 简述css盒模型

5 说说get和post请求的区别

6 运行结果

var a = {n: 1}
var b = a;
a.x = a = {n: 2}
console.log(a.x);
console.log(b.x)

7 说说类的创建、继承和闭包。

8 是否有设计过通用的组件?
请设计一个 Dialog(弹出层) / Suggestion(自动完成) / Slider(图片轮播) 等组件,你会提供什么接口?调用过程是怎样的?可能会遇到什么细节问题?

9 一个页面从输入 URL 到页面加载完的过程中都发生了什么事情?越详细越好(考察知识广度)

10 什么是 “use strict”? 使用它的好处和坏处是什么?

### 阿里巴巴篇 1 创建一个1-100的数组,按顺序递增

2 说说前端跨域的解决方式

3 JavaScript实现继承的常用方法有哪些?你推荐的是哪一种?

4 在项目开发完成之后,根据雅虎性能优化规则,需要对html,JS,CSS,图片需要做出怎样的处理?是否可以借助构建工具实现自动化?

5 说说前端中的事件流?

6 JS 中的原型链是什么?

7 有一个长度为100的数组,请以优雅的方式求出该数组的前10个元素之和

8 了解过flex布局吗?说说它和传统布局的有何不同?

9 移动端的图片优化实践方式有哪些?

10 请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象

11 xss和csrf分别是什么?

12 说说前端如何解决异步回调地狱?

13 淘宝那里的商品项,如图片,滚动到了才加载,你知道怎么实现么

14 实现1px 像素线条

15 你知道什么是CSS reset么?

### 腾讯篇

1 说出前端link和import的区别

2 让你设计一个web站点,假如只有你一个人设计实现,前端后端都让你一个人负责,具体你要怎么做?

3 你用原生的js多么,原生js发送ajax请求一般要经过哪些步骤

4 你能讲讲304缓存的原理吗?

5 你有经常使用CSS吧,水平垂直居中怎么实现?

6 Javascript是一种弱类型语言,它分别有什么优点和缺点?

7 在js里call()与apply()有什么相同和不同?

8 你用JS实现过一些基本的数据结构吗?

9 node.js用过么?主要用它来做些什么?

### 美团前端

1 说说 http缓存

2 一个浮动的div后面又跟了一个div,在页面上是怎么布局的

3 有了解ES6么?如何了解的?关于使用?

4 常见的http状态码都有哪些?

5 对react,vue,或者angular有过接触么?他们之前的差异你能简单说下?

6 说说JS面向对象 原型链 继承,并用简单的代码演示说明

7 用得比较多的前端框架是哪些?有看过源码么?有哪些看过源码啊?

8 ajax的readystate有5个状态 ,每个状态表示什么?

9 AMD与CMD

360篇

1 下面代码的输出值是:

alert(1&&2)

2 正则表达式匹配,开头为11N, 12N或1NNN,后面是-7-8个数字的电话号码

3 写出下面代码的输出值

var obj = {
a: 1,
b: function () {console.log(this.a)}
};

var a = 2;
var objb = obj.b;

obj.b();
objb();
obj.b.call(window);

4 写出下列代码在各个浏览器中的颜色值?

background: red;
_background: green;
*background: blue;
background: black\9;

5 输出下面的值:

var a = 1;
function b() {
    var a = 2;
    function c() {
        console.log(a);
    }
    return c;
}
b()();

6 简述在IE下mouseover和mouseenter的区别?

### 网易互联网

1 给出设计图实现HTML/CSS/js 实现表单ajax提交并刷新页面?

2 给Object扩展一个方法clone,实现深度克隆对象

3 输入两个数字,输出这两个数字的最大公约数。如16,4输出4

4 说说 React 中的virtual dom原理?

5 css实现超出字体内容出现 ...

6 css position 中有哪些值可以使用?

嘀嘀打车

1 location.replace/loation.asign的区别?

2 对于浮动的理解,清除浮动的方法及原理?

3 前后端分离及前后端协同开发方案

4 angular数据绑定采用什么机制?远离是什么?

5 ng-if与ng-show/hide的区别[Angular方面]?

6 从前公司学到了那些优秀经验

7 常用浏览器及内核,对于渲染引擎与js解释引擎的区分

8 如何判断不同的浏览器

9 transform 都可以有哪些值?

10 css3怎么实现花瓣飘落效果?

扩展

2015-2016前端知识体系

前端技能汇总

年后跳槽如何准备?

参考

http://www.cnblogs.com/dojo-lzz/p/4707725.html

http://web.jobbole.com/85156/

http://qun.jikexueyuan.com/tiku/topic/370

http://blog.csdn.net/haluoluo211/article/details/51374788

http://www.kanzhun.com/k-bishijingyan/1453869.html

http://m.blog.csdn.net/article/details?id=51351801

http://www.cnblogs.com/yxy99/p/5398617.html
http://blog.csdn.net/datou0529/article/details/51443465

http://www.ujiuye.com/jiuye/2016/1267.html

https://github.com/fex-team/interview-questions

http://www.cnblogs.com/imwtr/p/4685674.html

https://www.nowcoder.com/discuss/246

http://www.voidcn.com/blog/u014787301/article/p-5965315.html

http://www.duxuan.cn/doc/23632206.html

You Can Speak "Hi" to Me in Those Ways