聚美优品面试题

最新推荐文章于 2021-12-23 14:24:00 发布

hnyysly

最新推荐文章于 2021-12-23 14:24:00 发布

阅读量1.4k

点赞数

分类专栏：面试文章标签： web前端面试题

面试专栏收录该内容

8 篇文章

订阅专栏

本文探讨了前端开发中的关键CSS和JavaScript技巧，包括清除浮动的方法、display与visibility的区别、闭包概念解析及原生JavaScript对象克隆等。同时，还介绍了HTML5新增标签，并通过实例展示了非浮动布局方案。

1. overflow-x 属于 CSS2 还是 CSS3

CSS3

2. 请列举几种可以清除浮动的方法（至少两种）

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

visibility:hidden---将元素影藏，但是在网页中该占的位置还是占着。

display:none-----将元素的显示设为无，即在网页中不占任何位置。

4.  请缩写以下代码：
.box {
     background-position: 10px 20px;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-color: red;
     background-image: url(box.png);

}

很多人用这个顺序.box{background:red url(box.png) no-repeat 10px 20px fixed ;}

.box{background:red url(box.png) no-repeat fixed 10px 20px;}

background-color | background-image | background-repeat | background-attachment | background-position

5. 如何让一段文本中的所有英文单词的首字母大写

css的text-transform：none(默认值) | capitalize | uppercase | lowercase | full-width(css3新增，将左右字符设为全角形式)；

Javascript
1. 请解释一下什么是闭包
2. call 和 apply 的区别是什么

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

http://blog.youkuaiyun.com/hnyysly/article/details/34060015

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

$(".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新增的标签，而是在HTML4.01中就已经存在了，用于可定义一个地址或者文档作者或拥有者的联系信息。而article、section、time标签是html5新增的语义化标签

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

未命名.gif

对于该图片和文字的布局，可使用定位来解决。外层容器相对定位，里面的图片和文字列表绝对定位，就可以实现上图的效果了。贴出代码：

<div class="wrap">
    <img src="images/love.jpg" alt="爱的呼唤" width="200" height="200" />
    <ul>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
        <li><a href="#">只要人人都献出一点爱，世界将变成美好人间</a></li>
    </ul>
</div>

body, div, ul, li {margin: 0; padding: 0;}
body {font: 12px/1.6 Arial,Helvetica,sans-serif;}
ul {list-style-type: none;}
a {text-decoration: none; color: #999;}
a:hover {text-decoration: underline;color: #666;}
.wrap {
    margin: 30px auto;
    width: 520px;
    height: 250px;
    border: 1px solid #ccc;
    position: relative; /* 这是关键 */
}
.wrap img {
    border: 1px dashed red;
    position: absolute; /* 这是关键 */
    left: 20px;
    top: 20px;
}
.wrap ul {
    position: absolute; /* 这是关键 */
    right: 20px;
    top: 20px;
}
.wrap ul li a {
    display: block; 
    height: 25px;
    line-height: 25px;
}

简答
1. jumei.com 和 weibo.com 完整载入后，html 代码各有多少 KB

2. 最近关注了哪些前端相关的技术/博客/论坛，简述心得和看法

对于第二题，每个人都有不同的答案，对于自己，最近在忙于找实习，接触了不久之前就比较流行的瀑布流，了解了一些js MVC框架，如backbone、angular、ember，然后也是之前不久开通的这个博客园的博客，希望记录自己的一些成长经历和学习的点点滴滴，之前也关注过淘宝的UED、腾讯的Alloy Team，平时闲着的时候会逛逛w3cfuns、blueidea、伯乐在线、html5中国等一些技术论坛，也会在豆瓣和知乎发现和了解一些话题。这就是我最近做的一些事情，相信也是我以后一直坚持下去的事情。。。。