前端开发面试题及答案

相关推荐

前端开发面试题及答案

　　在社会的各个领域，我们总免不了要接触或使用试题，试题是命题者根据测试目标和测试事项编写出来的。什么样的试题才是科学规范的试题呢？下面是小编为大家整理的前端开发面试题及答案，欢迎大家借鉴与参考，希望对大家有所帮助。

前端开发面试题及答案

　　前端开发面试题及答案

　　1、对Web标准以及W3C的理解与认识?

　　答：标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链CSS和JS脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件、容易维护、改版方便，不需要变动页面内容、提供打印版本而水需要复制内容、提高网站易用性。

　　2、XHTML和HTML有什么区别?

　　答：HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：

　　XHTML元素必须被正确地嵌套;

　　XHTML元素必须被关闭;

　　标签名必须用小写字母;

　　XHTML文档必须拥有根元素。

　　3、Doctype?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 答：Doctype用于声明文档使用哪种规范(HTML/XHTML)

　　该标签可声明三种DTD类型，分别为严格版本、过度版本以及基于框架的HTML文档。

　　加入XML声明可触发，解析方式更改为IE5.5拥有IE5.5的bug。

　　4、行内元素有哪些?块级元素有哪些?CSS的盒模型?

　　答：行内元素：a b br i span input select

　　块级元素：div p h1 h2 h3 h4 form ul

　　CSS盒模型：内容，border margin padding

　　5、CSS引入的方式有哪些?link和@import的区别是?

　　答：方式：内联内嵌外链导入

　　区别：同时加载

　　前者无兼容性，后者CSS2.1以下浏览器不支持

　　Link支持使用javascript 改变样式，后者不可。

　　6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?

　　答：标签选择符、类选择符、id选择符

　　继承不如指定 id>class>标签选择

　　后者优先级高

　　7、前端页面有哪三层构成，分别是什么?作用是什么?

　　答：结构层HTML 表示层CSS 行为层JS

　　8、你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么? 答：Ie(Ie内核)

　　火狐(Gecko)

　　谷歌(webkit)

　　opear(Presto)

　　9、img标签上title与 alt属性的区别是什么?

　　答：Alt当图片不显示时，用文字代表

　　Title为该属性提供信息。

　　10、描述CSS Reset的作用和用途

　　答：Reset重置浏览器的CSS默认属性浏览器的品种不同，样式不同，然后重

　　置，让他们统一。

　　11、http状态码有那些?分别代表是什么意思?

　　100-199 用于指定客户端应响应的某些动作。

　　200-299 用于表示请求成功。

　　300-399 用于已经移动的文件并且常被包含在定位头信息中指定新的地址信息。 400-499 用于指出客户端的错误。

　　400 语义有误，当前请求无法被服务器理解。

　　401 当前请求需要用户验证

　　403 服务器已经理解请求，但是拒绝执行它。

　　500-599 用于支持服务器错误。

　　503 – 服务不可用

　　13.解释css sprites，如何使用。

　　Css 精灵把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量

　　14.浏览器标准模式和怪异模式之间的区别是什么?

　　盒子模型渲染模式的不同

　　使用 window.top.document.compatMode 可显示为什么模式

　　15.你如何对网站的文件和资源进行优化?期待的解决方案包括：

　　文件合并

　　文件最小化/文件压缩

　　使用CDN托管

　　缓存的使用

　　16.什么是语义化的HTML?

　　直观的认识标签对于搜索引擎的抓取有好处

　　17.清除浮动的几种方式，各自的优缺点

　　1.使用空标签清除浮动 clear:both(理论上能清楚任何标签，增加无意义的标签)

　　2.使用overflow:auto(空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE)

　　3.是用afert伪元素清除浮动(用于非IE浏览器)

　　18.css hack

　　_marging \IE 6

　　+margin \IE 7

　　Marging:0 auto 9 所有Ie

　　Margin

　　前端开发面试题之Javascript部分

　　1.javascript的typeof返回哪些数据类型

　　Object number function boolean underfind

　　2.例举3种强制类型转换和2种隐式类型转换?

　　强制(parseInt,parseFloat,number)

　　隐式(== – ===)

　　3.split() join() 的区别

　　前者是切割成数组的形式，后者是将数组转换成字符串

　　4.数组方法pop() push() unshift() shift()

　　Push()尾部添加 pop()尾部删除

　　Unshift()头部添加 shift()头部删除

　　5.事件绑定和普通事件有什么区别

　　6.IE和DOM事件流的区别

　　1.执行顺序不一样、

　　2.参数不一样

　　3.事件加不加on

　　4.this指向问题

　　7.IE和标准下有哪些兼容性的写法

　　Var ev = ev || window.event

　　document.documentElement.clientWidth || document.body.clientWidth

　　Var target = ev.srcElement||ev.target

　　8.ajax请求的时候get 和post方式的区别

　　一个在url后面一个放在虚拟载体里面

　　有大小限制

　　安全问题

　　应用不同一个是论坛等只需要请求的，一个是类似修改密码的

　　9.call和apply的区别

　　Object.call(this,obj1,obj2,obj3)

　　Object.apply(this,arguments)

　　10.ajax请求时，如何解释json数据

　　使用eval parse 鉴于安全性考虑使用parse更靠谱

　　11.b继承a的方法

　　12.JavaScript this指针、闭包、作用域

　　13.事件委托是什么

　　让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行!

　　14.闭包是什么，有什么特性，对页面有什么影响

　　闭包就是能够读取其他函数内部变量的函数。

　　15.如何阻止事件冒泡和默认事件

　　canceBubble return false

　　16.添加删除替换插入到某个接点的方法

　　obj.appendChidl()

　　obj.innersetBefore

　　obj.replaceChild

　　obj.removeChild

　　17.解释jsonp的原理，以及为什么不是真正的ajax

　　动态创建script标签，回调函数

　　Ajax是页面无刷新请求数据操作

　　18.javascript的本地对象，内置对象和宿主对象

　　本地对象为array obj regexp等可以new实例化

　　内置对象为gload Math 等不可以实例化的

　　宿主为浏览器自带的document,window 等

　　19.document load 和document ready的区别

　　Document.onload 是在结构和样式加载完才执行js

　　Document.ready原生种没有这个方法，jquery中有 $().ready(function)

　　20.”==”和“===”的不同

　　前者会自动转换类型

　　后者不会

　　21.javascript的同源策略

　　一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合

　　前端开发面试问答

　　Q：关于公司的期望

　　A：我希望第一份工作能有比较大的发展空间，能够长时间的在一个良好的环境中养成良好的习惯。

　　Q：大学时经历的团队合作

　　A：最初的时候谁也不知道应该做什么，就从理论上一点一点的抠出东西来，经过两三次的课程我们的固定团队大致有了自己的开发流程，知道怎么样进行相互间的交流沟通、协作，也能从其他团队的汇报中吸取很多经验与教训。有的时候我们团队里会加进比较牛的高人，他也会愿意对我们进行额外的指导，大家一起交流想法，各自说出来，再一起逐一分析优劣，最终定下方案。

　　Q：关于前端的理解

　　A：前端开发处于一个猛烈发展的阶段，现在可以说大部分的网站都在关注前端，前端是直接接触用户的部分，它融合了设计、程序还有一些整体的理念，一些优化，包括SEO。很多技术的实现都要通过前端，怎么把这部分做好是非常具有挑战性的事情。可能四五年前很多人都还在标准的实现上摸索，而现在有一个大家都朝着标准走的大方向，就能够更好的坚持，更好的专注，把前端技术做得更强大。

　　Q：自己的发展计划

　　A：刚毕业的这一两年希望能专注于技术的提高，和适应良好的工作流程――这也是为什么我希望能够在一个发展环境良好的公司工作，锻炼好实践能力，结合公司的产品需求，当然还有一些不断萌发的新技术。之后会向产品的方向发展，就是前端技术所要实现的目标，因为前端确实是结合很广阔的一个职位。

　　Q：优缺点

　　A：我的优点，自己觉得是比较细心，包括细致的观察还有处理细节上的事情。我之前在365日历网实习的时候，还有课程小组学习的时候，他们评价我会说我比较可靠，我觉得可能不是那种技术上特别牛什么问题都能解决的，我个人觉得是来自细心和认真负责的态度。另外后面在九星时代实习的时候，临走上司对我评价是说我抗压学习能力比较强。当时项目特别急，又有涉及到一些我还不熟悉的技术，所有人都在加班，我也是一边完成任务一边不断在学新的东西，进一步的修缮，把事情做得更好。缺点的话，我觉得现在对我影响最大的就是想问题常常会有太多顾虑，想要一次性的把问题解决，结果会浪费很多的时间。比如说技术面试的时候，很经常遇到考官说一个简单的布局设计让你实现，我有的时候就总会考虑一些没有提到的因素，像是否需要适应变化这类的，就是有些过于计较完美，反而变得优柔寡断了。这也是有次面试的时候面试官和我提到的。

　　Q：待遇要求

　　A：待遇的话，我觉得并不是很关键，而且我是应届生，我尊重公司对应届生的待遇标准。我也相信网易的竞争力吧。这几次面试后，我在网上查了不少别人的评价，觉得网易作为大门户网站，有很好的环境与发展前景，薪水的话能让自己继续活着工作学习发展就够啦。我

　　一直认为如果公司发展前景不好，现在给很高的工资也不一定就是好事情，而好的公司能够给出符合员工给自己所创造的价值的工资。

　　3号（周四）下午，面试的时候HR罗叔叔非常温和，常常笑，说话也不是我想象中HR那种咄咄逼人的语速。问我的问题大约是：

　　Q：自我介绍包括实习经历

　　A：如实汇报

　　Q：面对过什么样的压力

　　A：我先是很宓乃盗搜数学的事情，后来HR又问，还有其他的吗，我又说了一下做一些课程设计的时候小组遇到的难题，技术和团队协作方面。其实还想说在九星实习的时候的工作压力，后来觉得这个才是HR最想听的，不过没有机会说了……

　　Q：解决问题的方法

　　A：技术问题的话，先上网查有没有解决的方法，如果不好解决再去请教前辈，一般还是自己先查一些资料，不想为简单的问题就打扰别人。如果遇到难以解决的问题会请教别人或者和别人一起讨论。这块回答得有点乱。

　　Q：为什么想留在北京

　　A：家里人也希望我能够独立，能够做自己喜欢的事情，在广阔的空间里发展。我自己也觉得北京机会更多。我说完HR叔叔还跟着说了一句，确实比如你在福州，不要说福州吧，就算和上海深圳这样的技术发达城市比，确实北京的机会是更多的。

　　Q：拿过其他公司的offer吗？觉得和其他公司比，网易好在哪里？

　　A：有过一些，自己不满意的地方，一种是职位不是自己期望的，比如测试或者技术支持，并不是自己第一想要做的事情，我很喜欢前端，也希望自己能在这个领域发展；还有是公司规模不大，像之前HR说的，在网易会有很多个前端工程师来完成一个大任务，我认为这样更能够发挥自己的力量，也能让自己的能力更好的发展，如果在一个小一些的公司，也许做前端的就只有我一个人，发展就会变得狭隘；还有工资问题，有的公司只给出两千五左右的待遇（我没敢说2000，其实之前确实有给我开2000的，怕被HR叔叔鄙视），这样在北京生活会艰难一些。总的还是觉得发展前景很重要。然后HR叔叔就接过话说网易确实有很大的发展空间，而且工资的话我看你在登记表上写的跨度很大（我写的是3000-5000，遵从公司对应届生的薪酬标准），这点网易肯定能够让你满意的。

　　Q：描述一下你的性格

　　A：这是我认为我回答得最失败的一个问题，我当时没多想，脱口而出――我性格比较内向，其实我应该说我温柔善良细心负责，之前想了很多关于优缺点的描述，结果也不晓得哪根筋抽抽了，直接说自己内向，接着羞涩的笑笑，接了一句不过我很喜欢和别人讨论问题，觉得一起解决问题是很开心的事情

【前端开发面试题及答案】相关文章：