2013聚美优品前端笔试题解析（二）

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

这题是关于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新增的标签，而是在HTML4.01中就已经存在了，用于可定义一个地址或者文档作者或拥有者的联系信息。而article、section、time标签是html5新增的语义化标签，具体代表啥含义，咋用法就不多说了，可查看官方文档或一些html5技术论坛的相关说明。
 
2.  正确使用 HTML 和 CSS 实现以下效果（中间方框部分表示图片，右侧为文字列表。尽量不要
使用 float 属性）：  

这题比较简单，只要学过css的相信都不大问题。对于该图片和文字的布局，可使用定位来解决。外层容器相对定位，里面的图片和文字列表绝对定位，就可以实现上图的效果了。贴出代码：
html结构：
<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>
css代码：

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.  最近关注了哪些前端相关的技术/博客/论坛，简述心得和看法。

对于第一题计算页面全部元素加载完毕后，html代码的大小。这个问题之前没有遇到过，所以求大神贴出解决方案？？？

对于第二题，每个人都有不同的答案，对于自己，最近在忙于找实习，接触了不久之前就比较流行的瀑布流，了解了一些js MVC框架，如backbone、angular、ember，然后也是之前不久开通的这个博客园的博客。

希望记录自己的一些成长经历和学习的点点滴滴，之前也关注过淘宝的UED、腾讯的Alloy Team，平时闲着的时候会逛逛w3cfuns、blueidea、伯乐在线、html5中国等一些技术论坛，也会在豆瓣和知乎发现和了解一些话题。这就是我最近做的一些事情，相信也是我以后一直坚持下去的事情。。。。

来源于 CSDN