第一次前端面试经验

自学web前端也有几个月了,但一直没有用过,人总是要不断的进步,不断的学习。下午去一家我认为的大公司面试了下,也是想获得一种经验,因为可能下一步我会朝着这个方向前进,二十六七岁,这个年龄说大不大,说小不小,很多事情现在应该考虑了,比如以后的方向。
去了面试公司时间不长,一个多小时,我知道我肯定没戏,因为js我才刚开始学习,有两道编程题我完全不会,当然还有一个卷面考试,我从来没见过,哈哈。一道是编写一个“现在是上午08:20:31星期三”的程序,第二道是编写一个两个表格互相交换的程序,两道第一道题前两天还刚好学过,第二道题我完全不会。
第一道:要求实现一个js获取当前时间的程序

[code]
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.demo{
margin: 0px auto;
width: 200px;
background-color: #000;
height: 20px;
border: 5px solid #ccc;
padding: 5px;
color:#33FF33;
}
</style>
<script>
var myDate=new Date();
var x = '';
var h = myDate.getHours();
if (h>=18)
{
x = '晚上好!';
}
else if(h<=6)
{
x = '现在是凌晨';
}else if(h<=9)
{
x = '早上好!';
}else if(h<=12)
{
x = '上午好!';
}else{
x = '下午好!'
}
var attime;
function clock(){
var time = new Date();
var ww = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]
var nWeek = time.getDay();
attime =x+time.getHours()+":"+time.getMinutes()+":"+time.getSeconds()+ww[nWeek];
document.getElementById("demo").innerHTML = attime;//我上面本来只是想插入代码的,没想到居然实现了,呵呵
}
setInterval(clock,1000);
</script>
</head>
<body>
<div id="demo" class="demo"></div>
</body>
</html>
[/code]
然后当然还有第二道题:设置这两个表格的内容互相点击,然后可以交换。

content1 content2

[code]
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<table border="1">
<tr>
<td id="td1">content1</td>
</tr>
<tr>
<td id="td2">content2</td>
</tr>
</table>
</body>
<script>
$('#td1').click(function(){
var temp=$('#td1').text();
$('#td1').text($('#td2').text());
$('#td2').text(temp);
});
$('#td2').click(function(){
var temp=$('#td1').text();
$('#td1').text($('#td2').text());
$('#td2').text(temp);
});
</script>
</html>
[/code]
另外还有一道面试用的比较多的斐波那契数组用js表达的
[code]<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var arr = new Array();
function fb(a,b,i){
var z = a+b;
i++;
document.write("第"+i+"位:"+z+"<br />");
if(i>100){
return;
}
fb(b,z,i)
}
fb(0,1,0)
</script>
</body>
<body>
</body>
</html>[/code]