前端学习笔记--百度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{width:100%;height:600px;position:relative;}
- #left1{margin-right:200px;border:1px solid red;height:100%;}
- #right1{width: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>