百度校园招聘2013 Web前端笔试(附答案)

更新时间:2023-09-03 15:34:01 阅读量: 教育文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

百度校园招聘2013 Web前端笔试(附答案)

1. 请写出至少三个CSS3中新添加的样式属性的名字;

border-raduis,box-shadow,test-shadow,text-stroke,box-flex,transition,resize,text-overflow

2.请运用javaScript找出所有ClassName包含text的标签<li>,并将它们的背景颜色设置为黄色;

<script type="text/javascript" language="JavaScript">

function changeBackgroundColor(){

var eles=null;

eles=ele.getElementsByTagName(tagName)

for(var i=0;i<eles.length;i++){

if(eles[i].className.search(new RegExp("\\b" + className + "\\b"))!=-1){//用正则表达式来判断是不是包含此类名

eles[i].style.backgroundColor="yellow";

}

}

</script>

3.用HTML/CSS实现下面的图片内容:

<html>

<head>

<style type='text/css">

.head,play.more

{

font-size: 14px;

text-decoration:underline;

font-weight:bold;

}

. song-list.indexnum{

Color:orange;

Font-size:14px

}

.song-list .first .index-num{

Font-size:12px;

百度校园招聘2013 Web前端笔试(附答案)

}

</style>

</head>

<body>

<div class="head">

<h2 class="title">歌曲TOP500</h2> </div>

<div class="song-list">

<ul>

<li class=”first”>

<div class="song-item">

<span class="index-num " style="width: 20px;"> 1 </span>

<span class="fun-icon">

<span class="music-icon-hook”>

<a class="icon-play" href="#" title="播放">

<i></i>

</a>

</span>

</span>

<span class="song-title" style="width: 160px;">

<a title=江南style " href="/song/5966719"> 江南style </a>

</span>

<span class="singer" style="width: 120px;">

<span class="author_list" title="psy">

<a href="/artist/1490" hidefocus="true">psy</a>

</span>

</span>

</div>

</li>

重复two more times

</ul>

</div>

<div class="play-more clearfix">

<span class=”more”>

<a class="more" href="/top/dayhot">

更多

<span>>></span>

</a>

</span>

<span class="play">

<a class="btn">

<span class="inner">

<i class="icon btn-icon-play"></i>

百度校园招聘2013 Web前端笔试(附答案)

<span class="txt">视听全部</span>

</span>

</a>

</span>

</div>

</body>

Css

.head .title {

font-size: 14px;

font-weight: 700;

}

4.浏览器的缓存和本地存储相关内容有哪些?这些在什么环境下都各自能起到什么作用?

html 页面、图片等.

在联网时已访问的内容可以直接从缓存调出来,提高访问速度

离线时,可以本地存储做离线访问(google gears)

以后我们每次访问网站时,IE会首先搜索这个目录,如果其中已经有访问过的内容,那IE就不必从网上下载,而直接从缓存中调出来,从而提高了访 问网站的速度。

5.我们把一个数字倒着读和原数字相同的数字称之为对称数,(例如1,121,88,8998),不考虑性能,请找出1—10000之间的对称数,要求用javaScript实现;

<script type="text/javascript">

function isDuiChengNum(){

var arrayDuiChengNum = new Array();

for(i=1;i<=10000;i++){

Boolean isDuiChengNum=true;

String str = String.valueOf(i);

int length = str.length();

for(int j=0;j<length/2;j++){

if(str.charAt(j)!=str.charAt(length-1-j)){

isDuiChengNum=false;

}

}

If(isDuiChengNum){

arrayDuiChengNum.push(str)

}

}

Return arrayDuiChengNum;

</script>

6.当你打开浏览在地址栏中输“http://www.77cn.com.cn/”后在百度的搜索框

百度校园招聘2013 Web前端笔试(附答案)

中输入“HTML5”,然后点击百度一下按钮,在所有的信息在一一被列举出来的过程中,计算机和网络都发生了什么变化?你有什建议?

输入框挂载onchange事件,获取客户端输入,ajax传回后台,查数据库,查出若干匹配项,装进list,返回给jsp输出,ajax回调方法接收jsp的输出,将输出转为一段段字符串,装进输入框下方的table或div里。

7.请描述你参加过的一个项目:

a)你在项目中的角**)你是如何研发,设计你的角色所做的东西的? c)你觉得你在项目的过程中,哪些需要得以注重?

d)你觉得你还需要能做些什么,去更好的完成你的项目?

本文来源:https://www.bwwdw.com/article/xnpi.html

Top