笔者总结的一些前端面试笔试试题(仅供参考,如果错误,望指教)--2

1.     请用css实现如下效果,图片在div水平垂直居中显示。(Div的宽和高都是200px,图片的宽和高多小于200像素,在正方形容器中水平和垂直居中显示)Html如下:

<div id=”box”>

<img src=”123.jpg” alt =”123”/>

</div>

#box {

    height:200px;

    width:200px;

    display:table-cell;

    vertical-align:middle;/*火狐,chrom垂直居中*/

    line-height:200px;    /*IE7垂直居中*/

    text-align:center;     /*水平居中*/

}

(注:图片水平居中,还可以用margin:0 auto实现;)

2.前端页面由哪三部分构成,分别是什么?作用是什么?

  结构层、表现层和行为层。

结构层:由html或者xhtml等标记语言负责创建,仅负责语义的表达。他回答了“内容是什么”的问题。

表现层:由css负责创建。他解决了页面“如何显示”的问题。

行为层:有javascript等脚本语言负责创建。他解决了“内容应该如何对事件作出反应”的问题。

3.要求层left和right是固定宽度,中间main宽度要自适应,如图所示如下布局,其中HTML先加载main

    

Left

 

 

 

 

 

 

 

 

 

          Main                

Right

Html代码如下:

<div id=”main”>

</div>

<div id=”left”>

</div>

<div id=”right”>

</div>

 

<style type =”text/css”>

*{margin:0px; padding:0px;}

#main{ position:aosolute; left:200px;right:200px;}//绝对定位使main不占文档流,使left和right浮动上去。

#left,#right{width:200px;}

#left{float:left;}

#right{float:right;}

</style>

(或者另外一种方法,main设置为100%;使left和right的相对定位和负边距浮动上去。 )

4.谈谈对定时器函数(setTimeout和setInterval)的理解。

要求写出一个取得本地时间(小时-分-秒)的函数,5秒更新一次,更新5次后停止更新。

setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().

 

<body >

<divid="show">

</div>

 

<scripttype="text/javascript" language="JavaScript">

function getDate(){

var d= new Date();

var h = d.getHours();

var m = d.getMinutes();

var s = d.getSeconds();

str=h+':'+m+':'+s;

document.getElementById('show').innerHTML=str;

for(var i=0;i<5;i++){

        window.setTimeout("getDate()",5000);

}

}

 

getDate();

 

</script>

</body>

5.写出x、y的值。

function test(){

        this.msg = “hello”;

        msg = “nice”;

        this.test = function(){

               msg = “hi”;

               var msg = “good”;

               return this.msg;

}

return this;

}

   Var x=newtest().test();

       Vary=test().test();

 

       X值是hello,y值是nice

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值