Web前端面试试题及答案（笔试部分）

　　很多人在网上看到传智播客整理的关于web前端考试试题以及答案的内容，其实考试题目也是一种修行，看多了其实也就会了、下面来看看传智播客整理的关于web前端面试试题及答案吧。
       1. 如何显示/隐藏一个DOM元素?
　　更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。
　　2. 一个定宽网页在浏览器(IE6，IE7，Firefox，IE5)中横向居中对齐的布局，请写出主要的HTML标签及CSS。
　　居中
　　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。
　　百度笔试题
　　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分
　　#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;}
　　5、js对象的深度克隆?20分
　　Object.prototype.deepClone=function(){
　　function cloneObj(){}
　　cloneObj.prototype=this;
　　var obj=new cloneObj();
　　for(var o in obj){
　　if(typeof(obj[o])=="object")obj[o]=obj[o].deepClone();
　　} return obj;
　　}
　　6、动态打印时间，格式为yyyy-MM-dd hh:mm:ss? 15分
　　function printTime(){
　　var timer1=new Date();
　　var timer=timer1.toLocaleString();
　　timer=timer.replace(/[年月]/g,"-");
　　timer=timer.replace(/日/,"");
　　time.innerHTML=timer;
　　}setInterval("printTime()",1000);
　　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、项目中遇到什么问题?如何解决?

      拓展阅读：
       最新Web前端开发面试题及参考答案
　　70道web前端开发面试题（2018版含答案）
　　传智播客整理的2018web前端开发最新面试试题（含答案）
　　2018最新web前端面试题附答案
　　web前端面试试题（html）（附答案）
　　传智播客整理的web前端JavaScript面试试题（附答案）
　　web前端面试题（汇总）