前端工程师面试题总结

1.元素的alt和title有什么异同，选出正确的说法？
alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字。

2.parseFloat方法：该方法将一个字符串转换成对应的小数。
isNaN方法：该方法用于检测参数是否为数值型，如果是，返回true，否则，返回false。
escape方法： 该方法返回对一个字符串编码后的结果字符串。
eval方法：

3.<!DOCTYPE> 声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
DOCTYPE不存在或格式不正确会导致文档以标准模式呈现。
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。

4.下面有关JavaScript中 call和apply的描述，
两者传递的参数不同，call函数第一个参数都是要传入给当前对象的对象，apply不是；
apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入；
call传入的则是直接的参数列表。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

5.下述有关border:none以及border:0的区别：
border:none表示边框样式无；
border:0表示边框宽度为0；

6.CSS Sprites
1.简介
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。
2.优点
（1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
（2）CSS Sprites能减少图片的字节；
（3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率。
（4）CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。

7.下面列出的浏览器，无webkit内核的是firefox；
分析：
Trident: IE 以Trident 作为内核引擎；2)Gecko: Firefox 是基于 Gecko 开发；3）WebKit: Safari, Google Chrome,傲游3,猎豹浏览器,百度浏览器 opera浏览器；4）Presto: Opera的内核