首页 > 学生作文 > 读后感 > 读后感800字 >

WEB前端面笔试题总结

由天下分享时间：2025/1/6 4:08:41 加入收藏我要投稿点赞

1. 如何显示/隐藏一个DOM元素？

更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。

2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局，请写出主要的HTML标签及CSS。

Strict//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

5. 居中

11.

12.

13.

居中

14.

15.

3. CSS中margin和padding的区别

margin是外边距，属于元素之外，相邻元素的margin可以融合。 padding是内边距，在元素之内，相邻元素的padding不可融合。

4. JavaScript中如何检测一个变量是一个String类型？请写出函数实现 function(obj) {

returntypeof(obj) == ”string”; }

5. 网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态显示“××年还剩××天××时××分××秒” 这个看我论坛右上角的就知道了…

6. 如何控制网页在网络传输过程中的数据量题目貌似有问题，应该是减少数据量吧。

最显著的方法是启用GZIP压缩。此外保持好的编码习惯，避免重复和css、JavaScript代码，多余的HTML标签和属性。

7. 补充代码，是鼠标单击后Button1到Button2的后面

var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this);

8. Linux中，将a、b打包为back.tar，命令是（）不知道＝。＝

9. Flash、Ajax各自的优缺点，在使用中如何取舍？

Flash的缺点是需要客户端安装Flash插件，比较大，且更改了默认的HTML页面行为；但可以方便地实现很多特效及动画，且具有较高权限。

Ajax的缺点是编程较为复杂，需要服务器端的支持，能实现的效果只能是DOM API提供的，权限很低，较难跨域；但可以显著加快页面的载入速度和用户体验。此外，二者都不能被搜索引擎索引（Google已支持Flash文本的索引），不利于SEO。建议:重要和关键部分直接用HTML，交互部分可以使用Ajax，复杂的动画可采用Flash。

百度2010

1、JS主要数据类型？5分

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

2、img的alt和title的异同？10分

答：title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。 3、CSS的JS调用？如font-family, -moz-border-radius 10分答：fontFamily、MozBorderRadius

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

1. #box1{width:100%;height:600px;position:relative;}

2. #left1{margin-right:200px;border:1px solid red;height:100%;}

3. #right1{width:200px;height:100%;position:absolute;top:0px;right:0px;border:1px

solid blue;} 4.

5、js对象的深度克隆？20分

1. Object.prototype.deepClone=function(){ 2. function cloneObj(){} 3. cloneObj.prototype=this; 4. var obj=new cloneObj(); 5. for(var o in obj){

6. if(typeof(obj[o])==\ 7. } return obj; 8. }

6、动态打印时间，格式为yyyy-MM-dd hh:mm:ss? 15分

1. function printTime(){ 2. var timer1=new Date();

3. var timer=timer1.toLocaleString(); 4. timer=timer.replace(/[年月]/g,\ 5. timer=timer.replace(/日/,\ 6. time.innerHTML=timer; 7. }setInterval(\

7、如何提高网页运行性能？20分没写。

8、linux下删除当前目录下扩展名为c的文件（如a.c，b.c）5分 rm–r *.c

find. -name “*.doc” -type f -exec cp {} /tmp/doc \\;找到当前目录（.）下扩展名为(doc)的文件并拷贝到指定目录【注意-type f 指普通文件，-exec ls-l{}列出文件，最后加上\\】 cp[options] source dest 复制

9、flash as2.0和flash as3.0在面向对象方面的异同？10分答：面向对象方面，2.0像javascript，3.0像java。

到了 AS 2.0,面向对象被引入了，但它实质上是动态脚本语言，虽然已经有了类的概念和class关键字，但对象支持还是基于类似JavaScript的prototype机制——动态继承。 3.0同时支持静态类型，即基于类的继承方式；以及动态类型，即基于prototype的继承方式。推荐用静态类型。

10、Flash、Ajax各自的优缺点，在使用中如何取舍？10分 1、Flashajax对比

Flash适合处理多媒体、矢量图形、访问机器；对CSS、处理文本上不足，不容易被搜索。

Ajax对CSS、文本支持很好，支持搜索；多媒体、矢量图形、机器访问不足。共同点：与服务器的无刷新传递消息、用户离线和在线状态、操作DOM 2、项目中遇到什么问题？如何解决？

前端题目总结

HTML相关

1. 标签的定义与用法。 2. 块级元素和行内元素都有哪些？

3. 你真的了解HTML吗？雅虎面试题把前面黄底那段拿去搜索下就知道了(曾在某浪公司面

试的时候被问到过，确实是很好的问题)。

CSS相关

1. 介绍所知道的CSS hack技巧(如：_， *， +， \\9， !important 之类)。 2. 介绍CSS盒模型。