2016各大互联网公司前端面试题汇总
百度篇
1 写出javascript运行结果:
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怎么实现花瓣飘落效果?
扩展
参考
http://www.cnblogs.com/dojo-lzz/p/4707725.html
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