早就说百度的Web前端开发笔试题很简单,但还是没朋友去试试。昨天在博客见到了传说中题目,所以就试做了一下,耗时18分17秒(我还以为10分钟能做完的说)。
嗯,别认为我的Web前端开发答案就是对的,我也没去查。
Web前端开发题目1:如何显示或隐藏一个DOM元素?
可以更改元素的css style,设为display: none。此外还可以将visibility定为hidden,透明度设为0,或长、宽设为0。
Web前端开发题目2:将一个定宽网页在浏览器(IE6,IE7,Firefox,IE5)之中横向居中对齐的布局,那么请写出主要的HTML标签及CSS。
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ” http://www.XX.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.XX.org/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>居中</title>
<style type=”text/css”>
body {width: 600px}
html, body {margin: auto; padding: 0}
div.wrap {text-align:center; margin: 0; padding: 0}
</style>
</head>
<body>
<div class=”wrap”>居中</div>
</body>
</html>
复制代码
Web前端开发题目3:CSS中margin和padding的区别
margin是外边距,属于元素之外,相邻元素的margin可以融合。
Padding是内边距,在元素之内,相邻元素的padding不可融合。
Web前端开发题目4:JavaScript中如何检测一个变量是一个String类型?请写出函数实现
function(obj) {
return typeof(obj) == ”string”;
}
Web前端开发题目5:如何控制网页在网络传输过程中的数据量
这个Web前端开发题目貌似有问题,我看应该是减少数据量吧。
最显著的方法是启用GZIP压缩。还有此外保持好的编码习惯,避免重复和css、javaScript代码,和多余的HTML标签和属性。
Web前端开发题目6、补充代码,是鼠标单击后Button1到Button2的后面
<div>
<input type=”button” id =”button1″ value=”1″ onclick=”???” />
<input type=”button” id =”button2″ value=”2″ />
</div>
var parent = this.parentNode; parent.removeChild(this); parent.appendChild(this);
Web前端开发题目7. Flash、ajax各自的优缺点,那么在使用中如何取舍?
Flash的缺点是需要客户端安装Flash插件,比较大,而且更改了默认的HTML页面行为;不过可以方便地实现很多特效及动画,且具有较高权限。
Ajax的缺陷是编程比较繁杂,必须有服务器的支撑,可以做到的效果也只是DOM API所提供的,权限低的很,而且跨域很难;不过可以明显加速网页的载入速度和用户体验。此外,二个都不会被搜索引擎给索引到(Google已支持Flash文本的索引),不利于SEO。对此我建议是关键和重要部分最好用HTML,交互部分选择用Ajax,复杂的动画可采用Flash。