[面试题] 聚美优品前端开发面试题

引用http://www.w3cfuns.com/thread-5593954-1-1.html

CSS
1.  overflow-x  属于 CSS2 还是 CSS3

　　overflow-x 属于CSS2。
2.  请列举几种可以清除浮动的方法（至少两种）

　　在父级元素使用overflow:hidden;但是在ie6 上有CSS Hack

　　在父级元素使用float；

　　使用clear: both;

　　我一般这样使用

　　.cf:before, .cf:after{content:"\0020";display:block;height:0;overflow:hidden;}

　　.cf:after{clear:both;}

　　.cf{ zoom:1;}

3.  display:none  和  visibility:hidden  的区别是什么

　　这两个的共同点都是用来隐藏元素的，不同点是display：none 隐藏之后其高宽属性失效不占据空间，而visibility：hidden只是表面隐藏了元素，但仍然占据空间。
4.  请缩写以下代码：
.box {
     background-position: 10px 20px;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-color: red;
     background-image: url(box.png);
}

　　background属性[ background-color ] || [ background-image ] || [ background-position ] [ / background-size ]? || [ background-repeat ] || [ background-attachment ] || [ [ background-origin ] || [ background-clip ] ]{1,2}

　　background：red url(box.png) 10px 20px no-repeat fixed;
5.  如何让一段文本中的所有英文单词的首字母大写

　　text-transform 值：
　　Capitalize 英文拼音的首字母大写
　　Uppercase 英文拼音字母全大写
　　Lowercase 英文拼音字母全小写

Javascript
1.  请解释一下什么是闭包

　　简单的说就是子函数可以调用父函数的变量。
2.  call 和 apply 的区别是什么

　　foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments)==this.foo(arg1, arg2, arg3)

　　相同点:两个方法产生的作用是完全一样的

　　不同点:方法传递的参数不同

3.  如何使用原生 Javascript 代码深度克隆一个对象（注意区分对象类型）

　　这个不会。
4.  jQuery 中  $('.class')  和  $('div.class')  在 IE 8 下哪个效率更高，请解释原因

　   div.class效率高

　　在IE8+ .class高 因为IE8 及其以下 不支持 getElementsByClassName

　　上面是在群里问朋友得来的。

　　这题是关于selector的性能问题，$(".class")在查找和遍历页面的元素时，会遍历所有带有class类的元素，不管是div、p、span或者是其他元素；而$("div.class")首先会查找出div元素，然后在所有的div中查询带有class类的相关div，所以在效率方面，当然是div.class选择器高于.class。这是我个人的理解，相关标准的方案求大神解答。

　　上面是网络上普遍的答案。

　　
HTML
1.  以下哪个不是 HTML5 的新标签：
　　a.  <article>
　　b.  <section>
　　c.  <address>
　　d.  <time>

　　address 不是 HTML5 的新标签
2.  正确使用 HTML 和 CSS 实现以下效果（中间方框部分表示图片，右侧为文字列表。尽量不要
使用 float 属性）：
　　 

　　第一可以使用绝对定位position：absolute;

　　　　思路是最外层给个div 设定 position: relative;

　　　　然后给两个 div>img position：absolute; 向左  div>ul 向右

　　第二可以使用属性 display：inline-block;

　　　　思路是里面的 img  与  ul 外出 加上 div  并且给 div加上 属性 inline-block 。这样使得 div会并排在一起。
简答
1.  jumei.com 和 weibo.com 完整载入后，html 代码各有多少 KB
2.  最近关注了哪些前端相关的技术/博客/论坛，简述心得和看法