码蜂社《Web 突破班》入学测试题

本套测试题主要测试前端基础知识概念，包括 HTML,CSS,JS 基础部分。
获得60分以上可以参加码蜂社《Web 突破班》学习，如不足60分建议参加基础班。
测试时间 60 分钟，测试过程中请不要搜索网上答案。
答题请自行创建 word 文件，标好题号即可。
可点击这里下载PDF版本供离线使用。

一、 HTML(25分，每题5分)

xhtml和html有什么区别
你使用过哪些浏览器，它们的内核各是什么（回答出3个即可得满分）
你如何理解HTML结构的语义化？
谈谈以前端角度出发做好搜索引擎优化(SEO)需要考虑什么？
HTML5 Canvas 元素有什么用？

二、 CSS(35分，每题5分)

需要给标有 选择这里 的元素加上样式，需要用什么选择器？（给出一个正确答案即可）

<div class="content">
    <p class="line1">一行文字</p>
    <p class="line2">一行文字</p>
    <p class="line3">选择这里</p>
</div>

请说出三种清除浮动的方法
margin 允许负值吗？如果允许请说说在什么情况下需要使用负值。
请说说 css reset 的作用和用途，它和 css normalize 有什么区别。
请说说雪碧图(css sprites)的原理，为什么要用雪碧图
请说说 SVG 或者 iconfont 在图标处理方法的优势
请用 flex 布局实现圣杯布局

三、 JS 基础(40分，每题10分)

请用 js 中的数组(Array) 实现栈（入栈，出栈），队列（入队，出队）的基本操作。给出四个操作的 demo 代码即可

请说说如下代码打印出什么

console.log([] == []);     // ?
console.log(5 == '5');     // ?
console.log(5 === '5');    // ?
console.log(5 / 0);        // ?
console.log(+new Date());  // ?

请说说如下代码的行为和输出

var flag = true;
setTimeout(function(){
    flag = false;
},1000);
while(flag){};
console.log("end")

青蛙上台阶问题：青蛙每次可以跳上 1 级或者 2 级台阶，台阶一共 n 级，请编程实现计算青蛙一共有多少种方法可以从最底下的台阶跳至顶级台阶