免费发布需求，接收报价与方案
Web前端开发笔试题
什么是Web前端开发？猜您需要： 【Web前端开发工具】【Web前端开发框架】【Web前端开发薪资】【web前端开发教程】【web前端开发书籍】【Web前端开发面试题】
早就说百度的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。
嗯，别认为我的Web前端开发答案就是对的，我也没去查。
可以更改元素的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。
