全国咨询热线:400-618-4000

Web前端面试试题及答案(笔试部分)

更新时间:2019年03月21日18时02分 来源:传智播客

  很多人在网上看到传智播客整理的关于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前端面试题(汇总)