2017年五月前端面试题目的总结

持续心累的找工作阶段算是结束了，不同公司对面试的知识侧重点不同，整体的感受就是：大公司可能更偏向一些JS基础或者原理、html布局、一些经典算法方面。小公司的面试更加侧重对经验和细节的把握，或者说是偏向于解决问题层面的比如说给你一个场景用你的一些想法来解决问题。
现将我在面试过程遇到的问题总结下。目前先传题目答案整理好之后再发布出来。

html、css

1.CSS中绝对定位和相对定位的文档流是怎样的 以及他们是如何使用的？
2.margin、padding属性值存在一个 两个 三个 四个的情况下分别对应是什么意思？
3.盒模型你的理解是什么？ 还有他们存在的位置分别是哪里？
4.清除浮动的方法 你知道有几种？
5.水平居中，垂直水平居中你知道有几种方法？
6.CSS3中canvas svg的区别 还有新增加的伪类 请列举出来
7.px em rem的区别 ?
8.link和 @import 的区别是？
9.关于兼容IE8 你都经历过哪些坑?
10.关于图片方面你有什么样的优化经验？
11.关于手机端你遇见过哪些兼容问题？
12.关于HTML5 CSS3的新特性
13.css如何引用外部字体
14.关于响应式布局和自适应布局你的理解是什么？
15.关于css sprites你是如何使用的？
16.行内元素，块级元素有哪些？
17.display:none; visiable:hidden区别？
18.浏览器都有哪些内核？
19.CSS有哪些属性可以继承？ 内联元素和!important 那个优先级高？
20.如何居中一个浮动元素？
21.HTML5文档类型需要在头部写什么？
22.block元素的特点是什么? inline? inline-block?
23.常用的存储方式？
24.请你设计一个布局 要求一个宽度为200px长度无限的div 让它居于浏览器页面最左端，毕
竟固定不动，div右面请完成一个响应式的布局方式
25.关于盒子宽度是如何计算的？

js

1.根据场景请手写相关代码来解决(现场写代码，伪代码和思路不算)问题：

公司举办了一场比赛，共有100张照片，并且有10个评委进行打分，分数为1-100。
其中打分规则为去掉一个最高分，去掉一个最低分 然后剩下的取平均分作为最后得分。
每张照片及相关信息已经存入数组resultArray中，结构如下: resultArray=
[{"pic":"p1", "score":[90,100,87,98.....]},.....]
其中pic为照片名称标识，score为照片的评分情况 请您编程出相应的代码来解决问题，
并且最后得分的格式为： p1 得分 80 /n p2 得分 100.

2.请用js实现 "i am student" 转换为 "student am i" (请不要写伪代码和思路)。
3.为array 本地对象增加一个原型方法，它作用于删除数组条目中重复的条目（可能多个）返回值是一个包含被删除的重复条目的新数组。
4.== === null undefined区别 ？ typeof null typeof undefined 分别输出什么？
5.判断对象是否为string的方法？ 以及基本数据类型和引用类型分别有什么？
6.以下代码输出结果是什么 ？ var a=2; var func=(function () {var a =3; return function() {a++; alert(a);}})();
7.什么是闭包？ 原型？ 作用？
8.如何阻止事件冒泡和默认事件？
9.JS添加DOM节点？
10.请用JS实现阶乘？
11.如何根据给的一段url来截取相应的值？
12.关于事件委托？
13.请写出折半查找？冒泡排序？(这个问题叫我直接在面试公司电脑上写，不要求一定编译成功).
14.列举你知道的对象设计模式？以及他们的差异性？
15.取消页面缓存的方法你知道哪些？
16.JS 上下文？
17.ES5 ES6有哪些新特性？
18.你对this有什么样的理解？
19.说一说你经常用的数组方法？ 字符串方法？
20.settimeout是如何实现的？
21.关于堆内存和栈内存？
22.instanceof 是做什么的？
23.说下你对继承的看法?

框架和其他

暂时就记住了是这些 希望能给一些还在苦逼找工作的前端们一些帮助吧

原文地址：https://www.cnblogs.com/jlfw/p/12222901.html