前端面试题整理

JavaScript：

如果参数不是数字类型的话isNaN返回true （函数名称：isnan 函数功能： 判断数组的元素是否是NaN。 ）

2. javascript都支持哪些布尔型的操作？

&&, ||和！ （&& 逻辑与，|| 逻辑或，！逻辑非）

3. “1″+2+4在javascript中得到什么？

因为“1”是String类型，所以所有的操作数都是String, 结果为124

4. 2+5+”8″得到的结果是什么？

因为2和5是数字类型，8是字符串，所以得到的结果是78

5. javascript有几种loop（循环）方法？

for, while, do-while ，for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

6. javascript如何创建一个新的对象？

var obj = new Object() 或者 var obj = {}

7. 如何为一个对象属性赋值？

obj["age"]=17 或者obj.age=17

8. 如何为一个数组添加一个值？

arr[arr.length]= value;

9.javascript基本数据类型 / javascript中的typeof返回哪些数据类型

Number 类型 、Boolean 类型、Object 类型、String类型、Null、 Undefined 类型 / Object number function boolean undefined string

10.例举3种强制类型转换和2种隐式类型转换?

强制（parseInt,parseFloat,number） 隐式（== – ===）

11.数组方法pop() push() unshift() shift()

Push()尾部添加 pop()尾部删除 Unshift()头部添加 shift()头部删除

12.闭包是什么，有什么特性，对页面有什么影响

闭包就是能够读取其他函数内部变量的函数。

13.添加 删除 替换 插入到某个接点的方法

obj.appendChild() obj.innersetBefore() obj.replaceChild() obj.removeChild()

14.javascript的本地对象，内置对象和宿主对象

本地对象为array obj regexp等可以new实例化

内置对象为gload Math 等不可以实例化的

宿主为浏览器自带的document,window 等

15.介绍一下eval() 函数

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

16.介绍一下JSON

JSON：JavaScript 对象表示法（JavaScript Object Notation）。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析。

17.jQuery UI 与 jquery 的主要区别是：

(1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。

(2) jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。

(3) jQuery本身注重于后台，没有漂亮的界面，而jQuery UI则补充了前者的不足，他提供了华丽的展示界面，使人更容易接受。既有强大的后台，又有华丽的前台。

html+css:

1.对WEB标准以及W3C的理解与认识:

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；

2.xhtml和html有什么区别:

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

3.行内元素有哪些?块级元素有哪些?CSS的盒模型?

块级元素：div p h1 h2 h3 h4 form ul

行内元素: a b br i span input select

Css盒模型:内容，border ,margin，padding

4.前端页面有哪三层构成，分别是什么?作用是什么?

结构层 Html 表示层 CSS 行为层 js

5.写出几种IE6 BUG的解决方法:

双边距BUG float引起的 使用display

3像素问题 使用float引起的 使用dislpay:inline -3px

超链接hover 点击后失效 使用正确的书写顺序 link visited hover active

Ie z-index问题 给父级添加position:relative

Png 透明 使用js代码 改

Min-height 最小高度 ！Important 解决’

select 在ie6下遮盖 使用iframe嵌套

为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

6.解释css sprites，如何使用。

Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量

7.你如何对网站的文件和资源进行优化?期待的解决方案包括：

文件合并

文件最小化/文件压缩

使用CDN托管

缓存的使用

8.清除浮动的几种方式，各自的优缺点：

使用空标签清除浮动 clear:both（理论上能清楚任何标签，，，增加无意义的标签）

使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE）

是用afert伪元素清除浮动(用于非IE浏览器)

9.浏览器内核

1、Trident内核：IE最先开发或使用的，也称IE内核，360浏览器使用的也是IE内核；

2、Webkit内核：谷歌chrome浏览器最先开发或使用，也叫谷歌内核，枫树浏览器、太阳花使用的也是谷歌内核；

3、Gecko内核： Netscape6开始采用的内核，后来的Mozilla FireFox (火狐浏览器) 也采用了该内核，K-Meleon浏览器也是使用这种内核；

4、Presto内核：目前只有Opera浏览器采用该内核