全国咨询/投诉热线:400-618-4000

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

更新时间:2018年11月27日15时47分 来源:传智播客 浏览次数:

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

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

北京校区

    14天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    15天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    8天免费试学

    基础班入门课程限时免费

    申请试学名额

    20天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    0天免费试学

    基础班入门课程限时免费

    申请试学名额

    12天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    5天免费试学

    基础班入门课程限时免费

    申请试学名额

    10天免费试学

    基础班入门课程限时免费

    申请试学名额