品质工程师面试题答案js工程师面试题及答案.doc

《品质工程师面试题答案js工程师面试题及答案.doc》由会员分享，可在线阅读，更多相关《品质工程师面试题答案js工程师面试题及答案.doc（16页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、品质工程师面试题答案js工程师面试题及答案互联网行业的技术岗位java工程师，是很多的工作梦想，然而却在面试这一关无法到达要求，下面WTT带来了js工程师面试题及答案，。+CSS是一种根本的WEB网页设计语言，_是一个基于_ML的置标语言最主要的不同：_ 元素必须被正确地嵌套。_ 元素必须被关闭。标签名_必须用小写字母。_ 文档必须拥有根元素。3.Doctype? 严格形式与混杂形式-如何触发这两种形式，区分它们有何意义? 用于声明文档使用那种标准/_一般为 严格 过度 基于框架的文档参加_Ml声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug4.行内元素有哪些?块级元素有哪些?CS

2、S的盒模型?块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding5.CSS引入的方式有哪些? link和import的区别是?内联 内嵌 外链 导入区别 ：同时加载前者无兼容性，后者CSS2.1以下阅读器不支持 Link 支持使用javascript改变款式，后者不可。6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?标签选择符 类选择符 id选择符继承不如指定 Idclass标签选择后者优先级高7.前端页面

3、有哪三层构成，分别是什么?作用是什么?构造层 表示层 CSS 行为层 js8.css的根本语句构成是?选择器属性1:值1;属性2:值2;9.你做的页面在哪些流览器测试过?这些阅读器的内核分别是什么?Ie(Ie内核) 火狐Gecko 谷歌webkit opear(Presto)10.写出几种IE6 BUG的解决方法1.双边距BUG float引起的 使用display2.3像素问题 使用float引起的 使用dislpay:inline -3p_3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active4.Ie z-inde_问题 给父级添加posi

4、tion:relative5.Png 透明 使用js代码 改6.Min-height 最小高度 ！Important 解决7.select 在ie6下遮盖 使用iframe嵌套8.为什么没有方法定义1p_左右的宽度容器IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1p_11.标签上title与alt属性的区别是什么?Alt 当图片不显示是 用文字代表。Title 为该属性提供信息12.描绘css reset的作用和用处。Reset重置阅读器的css默认属性 阅读器的品种不同，款式不同，然后重置，让他们统一13.解释css sprites，如何使

5、用。Css 精灵 把一堆小的图片整合到一张大的图片上，减轻效劳器对图片的恳求数量14.阅读器标准形式和怪异形式之间的区别是什么?盒子模型 渲染形式的不同使用 window.top.document.patMode 可显示为什么形式15.你如何对网站的文件和资进展优化?期待的解决方案包括：文件合并文件最小化/文件压缩使用CDN托管缓存的使用16.什么是语义化的?直观的认识标签 对于搜索引擎的抓取有好处17.去除浮动的几种方式，各自的优缺点1.使用空标签去除浮动 clear:both理论上能清楚任何标签，增加无意义的标签2.使用overflow:auto空标签元素去除浮动而不得不增加无意代码的弊端

6、,使用zoom:1用于兼容IE3.是用afert伪元素去除浮动(用于非IE阅读器)Javascript1.javascript的typeof返回哪些数据类型Object number function boolean underfind2.例举3种强迫类型转换和2种隐式类型转换?强迫parseInt,parseFloat,number隐式= =3.split join 的区别前者是切割成数组的形式，后者是将数组转换成字符串4.数组方法pop push unshift shiftPush尾部添加 pop尾部删除Unshift头部添加 shift头部删除5.事件绑定和普通事件有什么区别6.IE和D

7、OM事件流的区别1.执行顺序不一样、2.参数不一样3.事件加不加on4.this指向问题7.IE和标准下有哪些兼容性的写法Var ev = ev | window.eventdocument.documentElement.clientWidth | document.body.clientWidthVar target = ev.srcElement|ev.target8.aja_恳求的时候get 和post方式的区别一个在url后面 一个放在虚拟载体里面有大小限制平安问题应用不同 一个是论坛等只需要恳求的，一个是类似修改密码的9.call和apply的区别Object.call(this,

8、obj1,obj2,obj3)Object.apply(this,arguments)10.aja_恳求时，如何解释json数据使用eval parse 鉴于平安性考虑 使用parse更靠谱11.b继承a的方法12.写一个获取非行间款式的函数function getStyle(obj,attr,value)if(!value)if(obj.currentStyle)return obj.currentStyle(attr)elseobj.getputedStyle(attr,false)elseobj.styleattr=value13.事件委托是什么让利用事件冒泡的原理，让自己的所触发的事件

9、，让他的父元素代替执行！?p=78 例子可见此链接14.闭包是什么，有什么特性，对页面有什么影响闭包就是可以读取其他函数内部变量的函数。gaoshanwudi/article/details/7355794 此链接可查看问这个问题的不是一个公司15.如何阻止事件冒泡和默认事件canceBubble return false16.添加 删除 交换 插入到某个接点的方法obj.appendChidlobj.innersetBeforeobj.replaceChildobj.removeChild17.解释jsonp的原理，以及为什么不是真正的aja_动态创立script标签，回调函数Aja_是页面

10、无刷新恳求数据操作18.javascript的本地对象，内置对象和宿主对象本地对象为array obj rege_p等可以new实例化内置对象为gload Math 等不可以实例化的宿主为阅读器自带的document,window 等19.document load 和document ready的区别Document.onload 是在构造和款式加载完才执行jsDocument.ready原生种没有这个方法，jquery中有 $.ready(function)20.”=”和“=”的不同前者会自动转换类型后者不会21.javascript的同策略一段脚本只能读取来自于同一来的窗口和文档的属性，

11、这里的同一来指的是主机名、协议和端口号的组合22.编写一个数组去重的方法function oSort(arr)var result =;var newArr=;for(var i=0;iif(!resultarr)newArr.push(arr)resultarr=1return newArr重申一下，上述这些知识点都应该是你应该“想都不用想”的东西。我一开场问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到，但我觉得你至少应该掌握这些，才有可能跟我坐到一间办公室里来。少量提问我非常赞同面试者问的问题越少越好。反复问应聘者各种问题既不公平，也很无聊。我

12、在任何一次面试中，通常只问三个大问题，但每个问题又会涉及我所能想到的多个方面。答复每个大问题一般要经过几个步骤，这样我就可以在每个步骤中穿插着问一些小问题。比方说：如今有一个正显示着Yahoo!股票价格的页面。页面上有一个按钮，你可以单击它来刷新价格，但不会重新加载页面。请你描绘一下实现这个功能的过程，假设效劳器会负责准备好正确的股票价格数据。我还希望应聘者给出的任何解决方案中都不要使用库。我想看到最原生态的代码，你就当页面中没有包含任何库。你说你对哪个库理解多少多少，但我不能把关于库的知识作为评判才能的因素，因为库是会随时间变化的。我需要的是真正理解库背后的机制，特别是可以徒手写出一个自己的

13、库的人。解决问题做为一名前端工程师，最值得快乐的事莫过于解决同一个问题会有很多种不同的方法，而你要做的就是找出最适宜的方法来。我在提问的时候，经常会在应聘者解释完一种方法后问他们还有没有第二种方法。此时我会跟他们说，假设你的这个方法由于种种原因被否决了，那么你还能不能给出另一种方法。这样做可以到达两个目的。首先，可以测试出他们是否在毫无意义地复述书本中的东西。不能不成认，某些人确实有过目不忘的天赋，听他们在那里滔滔不绝地讲，你会觉得他们什么都明白。可是，只要一跟这些人谈到怎么查找方案无效的原因，以及能否拿出一个新方案来，他们往往就傻眼了。这时候，假如我听到“我不明白这个方案为什么不够好”之类的

14、反问，心里立即就明白我的问题已经超出了他们的才能范围，而他们只是想拿自己死记硬背的结论来蒙混过关。其次，可以测试出他们已经掌握的还是那句话，“想都不用想”阅读器技术知识。假如他们对阅读器平台的核心知识有较好的理解，想出解决同一问题的不同方案根本没有那么难。对一名前端工程师来说，这绝对是最重要的才能。前端工程师在工作中遇到本该如此却并未如此的难题说你啦，IE6，应该说是一件很平常的事。一个方案无效就无计可施的人，做不了前端工程师。考核应聘者解决问题才能的另一层原因，与我的个人爱好有关。在搞清楚应聘者知道什么不知道什么之后，我就会想着问一个他们知识领域之外的问题。这样做的目的，就是想看看他们怎样运

15、用已有的知识解决新问题。在解决问题的每一步，我也准备了一些提示，以防有人会卡壳打艮在我面前15分钟一言不发，对我评价这个人毫无帮助。我真正感兴趣的，是他们可以从上一步前进到下一步。我希望看到一个人就在我眼前学到新知识。注意：所有问题都与阅读器技术相关。我不相信出几道抽象的逻辑题，就可以考出某人解决Web技术问题的才能。在我看来，这无异于让素描大师画肖像或者让刘翔跟博尔特同场竞技，没有意义，也得不到任何有价值的信息。有激情要成为一名优秀的前端工程师，最重要的莫过于对自己做的事要有激情。我们技能都不是从学校中或者从研讨会上学来的，因此前端工程师必须具备自学才能。阅读器技术的变化可谓日新月异，所以也

16、只有不断提升自己的技能才做得到与时俱进。我虽然不能强迫谁必须多看博客、不断学习，但想应聘前端工程师的人恐怕还是必须这么做的。你怎么知道谁对这种工作有没有激情?实际上非常简单。我只问一个简单的问题：“目前你对什么Web技术最感兴趣?”这个问题永远不会过期，而且也几乎不可能出错除非你答不上来。就眼下来说，我希望你对这个问题给出的技术中包括WebSocket、WebGL、客户端数据库，等等。只有对Web开发充满激情的人，才会坚持不懈地学习新知识、掌握新技能；这些人才是我真正想要的。当然，我会让他们详细解释自己提到的技术，以保证他们不是随口说了几个时髦的新词汇。最后一点对于那些还没有多少面试经历的人，

17、我总是喜欢告诉他们，面试完了只要问自己一个问题就行：你想以后跟这个人在一起共事吗?假如不管为什么，答复是不，那就是不。面试前端工程师对我来说是一件非常有意思的事，因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司，之所以在如何招聘到真正有才能的前端工程师方面会遇到同样的问题，就是因为负责招聘的那些人不知道自己公司需要什么样的人，结果问问题时也问不到点子上。经过这几年在行业里的探索，我总结出了自己的一套很有效的面试前端工程的方法。有的应聘者说我不好对付，但留给他们这样的印象也并非我所愿。我觉得之所以他们说我不好对付，主要是因为我问他们问题时问得太细了。以前我曾专门写过一些东西，告诉应

18、聘者怎么才能通过我的面试Surviving an interview with me以及优秀的前面工程师应该具备什么样的素质What makes a good front end engineer?，而我的面试可以说完全是按照那两篇文章的标准进展的。我不会问一些特别偏门的问题，也不认为出几道逻辑题就能考出人的真实程度。我唯一的想法就是确定你能否胜任我们要招的这个职位。为此，我需要简单地考察如下几个方面。根本知识DOM构造两个节点之间可能存在哪些关系以及如何在节点之间任意挪动。DOM操作怎样添加、移除、挪动、复制、创立和查找节点。事件怎样使用事件以及IE和DOM事件模型之间存在哪些主要差异。_M

19、LRequest这是什么、怎样完好地执行一次GET恳求、怎样检测错误。严格形式与混杂形式如何触发这两种形式，区分它们有何意义。盒模型外边距、内边距和边框之间的关系，IE 8以下版本的阅读器中的盒模型有什么不同。块级元素与行内元素怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的款式。浮动元素怎么使用它们、它们有什么问题以及怎么解决这些问题。与_二者有什么区别，你觉得应该使用哪一个并说出理由。JSON它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。前端开发面试知识点大纲：&;CSS：对Web标准的理解、阅读器内核差异、兼容性、hack、CSS根本功：布局、盒子

20、模型、选择器优先级及使用、5、CSS3、挪动端适应JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、aja_等。其他：、平安、正那么、优化、重构、响应式、挪动端、团队协作、可维护、SEO、UED、架构、职业生涯作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：1、DOM构造 两个节点之间可能存在哪些关系以及如何在节点之间任意挪动。2、DOM操作 如何添加、移除、挪动、复制、创立和查找节点等。3、事件 如何使用事件，以及IE和标准DOM事件模型之间存在的差异。4、_MLRequest 这是什么、怎样完好地执行一次GET恳求、怎样检测错误。5、严格形式与混杂形式 如何触发这两种形式，区分它们有何意义。6、盒模型 外边距、内边距和边框之间的关系，及IE8以下版本的阅读器中的盒模型7、块级元素与行内元素 怎么用CSS控制它们、以及如何合理的使用它们8、浮动元素怎么使用它们、它们有什么问题以及怎么解决这些问题。9、与_二者有什么区别，你觉得应该使用哪一个并说出理由。10、JSON 作用、用处、设计构造。第 16 页 共 16 页