前端学习笔记--百度2010校园招聘题目

1、img的alt和title的异同？（10分）

首先，<img> 标签有两个必需的属性：src 属性和 alt 属性。

alt内容为text，作用是规定图片的代替文本，图片显示不出来的时候就显示的这段文字。

title属于标准属性（相关的还有id, class, title, style, lang, xml:lang），其内容为text，作用是鼠标滑过的时候显示文字，这是一个类似于备注、注释的属性，提供了额外信息给浏览者。然后下面答案所说的“为链接添加描述性文字”，应该就是给这个图片的链接添加，让用户知道点完了去哪儿。

网上答案：title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。
为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。

2、JS主要数据类型？（5分）

根据W3School JS的数据类型有：字符串（var x="Javascript"）、数字（var x=6;）、布尔(var x =true;）Null（var x=null 清空该变量）、Undefined(var x 表示不含有值)

【数组】一共三种形式：

　　　　　　1、先初始化一个Array，再一个一个写里面的元素

　　　　　　　　var fruit=new Array();

fruit[0]="apple";

　　　　　　　　 fruit[1]="peach";

　　　　　　　　 fruit[2]="banana";

　　　　　　2、直接在初始化里写元素

　　　　　　　　var fruit=new Array("A","P","B");

　　　　　　3、直接直接在直接

　　　　　　　var fruit=["A","B","C"];

【对象】花括号包含，内部形式name：value

var computer={name:"lenovo", CPU:"core-i3", size:"14cun"};

对象里的属性有两种表示方法：

　　　　　　1、name=computer.name;

　　　　　　2、name=computer["name"];

网上答案：主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。

3、CSS的JS调用？如font-family, -moz-border-radius 。（10分）

网上答案：fontFamily、MozBorderRadius

4.CSS布局：两列，左边宽度自适应，右边宽度固定200px。

 1 <html>
 2 <head>
 3 <meta charset="utf-8">  
 4     <title> 
 5         2010百度前端校招-4
 6     </title>
 7     <style type="text/css">
 8         #box{
 9             width:100%;
10             height:100%;
11             position:relative;
12         }
13         #left{
14             background-color:green;
15             margin-right:200px;
16             height:100%;
17         }
18         
19         #right{
20             background-color:red;
21             float:right;
22             width:200px;
23             height:100%;
24             position:absolute;
25             top:0px;
26             right:0px;
27         }
28     </style>
29 </head>
30 
31 <body>
32 <div id="box">
33 <!--CSS布局：两列，左边宽度自适应，右边宽度固定200px。-->
34     <div id="left">
35     </div>
36     
37     <div id="right">
38     </div>
39 </body>
40 
41 </html>

网上答案：

#box1{100%;height:600px;position:relative;}
#left1{margin-right:200px;border:1px solid red;height:100%;}
#right1{200px;height:100%;position:absolute;top:0px;right:0px;border:1px solid blue;}
<div id="box1">
<div id="left1"></div>
<div id="right1"></div>
</div>