总结前端面试过程中最容易出现的问题

2015年1月23日 124165次浏览

前言

之前在兴安得力的时候，我也出过前端的面试题。那么前端人员在外面面试的时候，一般技术人员都会考察我们那些地方呢？我在这里不妨总结一下！（PS：有点小邪恶，这个公开之后，对于面试者来说是方便了。但是，假如你是公司技术人员，是面试官，您不妨修改一下题目，变通一下！）

javascript常见题目

一、您对js的原型是如何理解的？您对js的继承是如何理解的？能否举例说明js的继承？

关于这个题目，我之前的一篇文章 http://www.haorooms.com/post/js_constructor_pro ，您可以看一下。理解一下原型prototype，关于继承，那主要是js原型链的继承。关于继承的理解及举例（我这里就不详细介绍了，简单介绍之后，你即使背过了，也不一定理解，对于公司也是不公平的）。我还是推荐面试者看一本书《[JavaScript高级程序设计(第3版)]》，这本书对js讲的很详细。关于这个题目，您可以阅读其第六章就可以了！认真阅读之后，相信你能理解，也能够简单的说出来！

关于js的继承，确实是重点和难点，我写过两篇博客，大家可以看下：http://www.haorooms.com/post/js_lei_jicheng

http://www.haorooms.com/post/js_jc_lei2

二、js闭包？举例并说明其主要的作用！

关于闭包，其实是指有权访问另一个函数作用域中变量的函数。具体我之前也写过一篇文章，可以看一看！

javascript闭包的理解 http://www.haorooms.com/post/js_bb

javascript闭包入门理解（二）：http://www.haorooms.com/post/js_bbtwo

三、js数组主要有哪些方法？主要参数你了解吗？

具体你可以查一下，常用的一般有如下：

1 、shift():删除数组的第一个元素,返回删除的值。这里是0

2 、unshift(3,4):把参数加载数组的前面，返回数组的长度。现在list:中是3,4,0,1,2

3、pop():删除数组的最后一个元素，返回删除的值。这里是2.

4、push(3):将参数加载到数组的最后，返回数组的长度，现在List中时：0,1,2,3

5、concat(3,4):把两个数组拼接起来。

6、splice(start,deleteCount,val1,val2,...)：从start位置开始删除deleteCount项，并从该位置起插入val1,val2,...

7、reverse：将数组反序
var a = [1,2,3,4,5]; 
var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1] 
8、sort(orderfunction)：按指定的参数对数组进行排序 var a = [1,2,3,4,5]; var b = a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]

9、slice(start,end)：返回从原数组中指定开始下标到结束下标之间的项组成的新数组
var a = [1,2,3,4,5]; 
var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]

四、js迭代的方法

every() 、fliter()、forEach()、map()、some()具体大家可以查一下！

五、js数组去重和排序

具体我就不详细描述了。

六、js正则表达式

关于正则：http://www.haorooms.com/post/js_regex_refuse ，这篇文章应对面试足够了！

让你写个简单的正则，去掉字符串左右空格。具体看看我之前的文章http://www.haorooms.com/post/js_kong_ge

关于正则，你可以去了解一下！

七、纯js的ajax请求原理

可以查询，了解一下！看下这几篇文章http://www.haorooms.com/post/js_ajax_chun 和http://www.haorooms.com/post/js_shixian_jquery 最后关于js实现ajax的，最新出了js的fetch方法，很不错的！

八、js模块化

可以看下我之前的文章：http://www.haorooms.com/post/js_require_zz

九、双等号隐性转换

具体看文章：http://www.haorooms.com/post/js_yinxingleixing

十、js操作符，字符串截取等

具体请看：http://www.haorooms.com/post/js_czf_mst

字符串截取，substr 、substring等的区别

十一、js中继承中call和apply（）的区别

用法差不多，传递参数不同。具体你可以网上查查，也可以看下我的文章 http://www.haorooms.com/post/js_constructor_pro

十二、类数组转换为数组的方法

Array.prototype.slice.call(arguments);

十三、cookie 不设置过期时间，默认过期时间是多少？

关闭浏览器就结束了

十四、改变数组长度的方法有哪些？

shift、unshift、pop、push

十五、js事件循环 event loop

请看文章：http://www.haorooms.com/post/js_xiancheng

十六、require 和 import的区别

看文章：http://blog.csdn.net/qq_28702545/article/details/54892562

jquery常见题目

一、jquery源码研究过没有？

二、jquery插件写过没有，一般如何写？

可以看我之前的一篇文章：http://www.haorooms.com/post/js_jquery_chajian

三、jquery的bind(),live(),delegate(),on() 区别

网上可以搜索一下，看一下！

前端常见题目

一、如何处理跨域？

jsonp等，可以看下我写的浏览器跨域访问解决方案

二、如何处理缓存？如何清除缓存。

ajax随机数、ajax参数、meta中设置等。可以看下我写的 js清除浏览器缓存的几种方法

三、http请求问题，HTTP请求信息由那3部分组成？

1、请求方法URI协议/版本 （例如：GET/haorooms.jspHTTP/1.1）
2、请求头(Request Header)（例如：Accept:image/gif.image/jpeg.*/* Accept-Language:zh-cn Connection:Keep-Alive Host:localhost等等）
3、请求正文

关于图片的请求，可以看我之前的一篇文章 http://www.haorooms.com/post/web_http_request

四、前端性能优化问题，你是如何处理前端性能问题的？

看我之前的一篇文章：http://www.haorooms.com/post/web_xnyh_jscss 及前端性能优化补充篇

五、网站js和css如何压缩？有哪些方法？

ant+yuicompressor具体可以看看我之前的一篇文章：http://www.haorooms.com/post/ant_yuicom

ant:http://www.haorooms.com/tools/ant_book/

SASS等可以对css进行自动压缩！

也可以用Grunt构建工具进行。可以看下前端js和css的压缩合并之grunt

六、用到哪些css插件？

bootstrap，animate.css 等

七、让你自己搭建一个网站，你是如何做架构的？

考察前端架构能力。