前端面试题目及答案(欢迎拍砖)
2014-10-16 15:37
218 查看
1、盒子模型(IE 和w3c);
2、css hack ie6
参见博客:/article/2626463.html
简单描述:_postion:absolute;//只兼容ie6
*position:absolute;//兼容ie6 ie7
3、IE bugs 不少于5个,解决方案,因为什么照成。
提示:1、不能设置微高;由于ie6拒绝高度小于字号的设置。
2、三像素
3、li空白间距等
ps: 其大部分是因为没有触发layout属性引发的bug
答案:http://www.iefans.net/ie-9-css-bug/
4、Css3中的新属性,举一个例子(渐变了解吗?)。
答案:1、这是一部分:http://paranimage.com/css3-new-techniques/
2、第二部分:/article/1214834.html
5、写出块级元素,和行级元素
答案:举几个例子:块级元素(div,ol,li,ul,li,table..)
行级元素:(a,span,strong,em,i,code...)
区别:块级元素可以设置width 和height,行级元素不可以。
1、块级元素独占一行。
2、块级元素可以设置盒子模型。即margin and padding。
Javascript题目
1、用原型实现去掉数组中重复的项
答案:hello 已经全局污染了2,2[/code]
3、[]==[] Nan==Nan输出;
答案:false,false。
[] 是Array的实例(引用)
4、判断一个对象是否是数组。
答案:两个方法:
6、描述捕获和冒泡,如何实现。
答:最基础的东西。
7、闭包的好处与坏处。
答: 好处:防止全局污染,常驻内存。避免函数命名冲突
缺点:常驻内存,导致内存泄漏问题
8、事件代理。
答:参考:/article/6948410.html
9、理解$和S.fn吗?请简单描述。
答: $,指的是jquery的构造函数,是其别称。
$.fn是jquery的原型
扩展一下:jQuery.extend(object):为jQuery类添加类方法,可以理解为添加静态方法
jQuery.fn.extend(Object):对jQuery.prototype 进行扩展,即为其添加“成员函数”,可以开发扩展一个插件。
10、 解释严格模式和混合模式。
答:严格模式:标准模式
混合模式:兼容模式
每一种浏览器都支持这两种模式:主要是根据DOCTYPE切换。告诉浏览器选择哪种DTD,由DTD决定执行.
11、描述document.write()与innerHTML区别。
答:第一种是重绘页面,第二种是给元素标签赋值
12、有使用过less吗?如何使用,有什么优势。
答:开发更加高效的CSS而诞生。可以利用其 设置变量,引用、嵌套运算等,与时俱进。
13、用过的前端框架有哪些?
bootstrape、seajs
14、基本数据类型和内置对象
String null undefined boolean Number ||| Object
内置对象 Math、Number、RegExp Function Error
2、css hack ie6
参见博客:/article/2626463.html
简单描述:_postion:absolute;//只兼容ie6
*position:absolute;//兼容ie6 ie7
3、IE bugs 不少于5个,解决方案,因为什么照成。
提示:1、不能设置微高;由于ie6拒绝高度小于字号的设置。
2、三像素
3、li空白间距等
ps: 其大部分是因为没有触发layout属性引发的bug
答案:http://www.iefans.net/ie-9-css-bug/
4、Css3中的新属性,举一个例子(渐变了解吗?)。
答案:1、这是一部分:http://paranimage.com/css3-new-techniques/
2、第二部分:/article/1214834.html
5、写出块级元素,和行级元素
答案:举几个例子:块级元素(div,ol,li,ul,li,table..)
行级元素:(a,span,strong,em,i,code...)
区别:块级元素可以设置width 和height,行级元素不可以。
1、块级元素独占一行。
2、块级元素可以设置盒子模型。即margin and padding。
Javascript题目
1、用原型实现去掉数组中重复的项
Array.prototype.unique=function(){ var temp =[], obj ={}, len=this.length; for(var i=0;i<len;i++){ var o=this[i]; if(!obj[o]){ var count=1; temp.push(o); } } return temp; }
2、作用域
var hello="1"; a(); function a(){ hello="2"; alert(hello); } alert(hello);
答案:hello 已经全局污染了2,2[/code]
3、[]==[] Nan==Nan输出;
答案:false,false。
[] 是Array的实例(引用)
4、判断一个对象是否是数组。
答案:两个方法:
[] instanceof Array //true Object.prototype.toString.call([]) //"[object Array]"
6、描述捕获和冒泡,如何实现。
答:最基础的东西。
7、闭包的好处与坏处。
答: 好处:防止全局污染,常驻内存。避免函数命名冲突
缺点:常驻内存,导致内存泄漏问题
8、事件代理。
答:参考:/article/6948410.html
9、理解$和S.fn吗?请简单描述。
答: $,指的是jquery的构造函数,是其别称。
$.fn是jquery的原型
扩展一下:jQuery.extend(object):为jQuery类添加类方法,可以理解为添加静态方法
jQuery.extend({
min:function(a, b){return a < b ? a : b;},
max:function(a, b){return a > b ? a : b;}
});
jQuery.fn.extend(Object):对jQuery.prototype 进行扩展,即为其添加“成员函数”,可以开发扩展一个插件。
$.fn.extend({
alertWhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
10、 解释严格模式和混合模式。
答:严格模式:标准模式
混合模式:兼容模式
每一种浏览器都支持这两种模式:主要是根据DOCTYPE切换。告诉浏览器选择哪种DTD,由DTD决定执行.
11、描述document.write()与innerHTML区别。
答:第一种是重绘页面,第二种是给元素标签赋值
document.write("hello"); document.innerHTML="hello";
12、有使用过less吗?如何使用,有什么优势。
答:开发更加高效的CSS而诞生。可以利用其 设置变量,引用、嵌套运算等,与时俱进。
13、用过的前端框架有哪些?
bootstrape、seajs
14、基本数据类型和内置对象
String null undefined boolean Number ||| Object
内置对象 Math、Number、RegExp Function Error
相关文章推荐
- 前端面试题目及答案(欢迎拍砖)
- 各种猥琐的Java笔试/面试题目的答案(这是我自己测试得出的答案,如有不对的欢迎批评指正)
- Web前端基础面试题目及答案
- Web 前端面试题目及答案汇总
- 前端面试题目答案整理之HTML
- Web前端面试题目及答案汇总
- 面试分享:2018阿里巴巴前端面试总结(题目+答案)
- 慕课网:Web前端面试题目及答案汇总
- Web前端面试题目记答案汇总
- Web前端面试题目及答案汇总
- Web前端面试题目及答案汇总
- c#经典面试题目及答案
- 分享下Asp.Net面试题目及答案集合
- 前端面试题目汇总摘录(JS 基础篇 —— 2018.11.02更新)
- c#经典面试题目及答案
- 深圳c#面试第三天 题目以及答案
- 【联想面试】面试第一站(带题目和答案)
- 有了这些java面试题目和答案,你还有什么过不去的梗
- 关于Web前端开发,附:(百度web前端笔试面试题目)
- 算法之美一书附录中笔试面试题目参考答案