-
web前端面试题
-
JavaScript：
1. 介绍一下isNaN函数？
如果参数不是数字类型的话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浏览器采用该内核