前端工程师面试题（共5篇）

12.什么是闭包，及其作用

13.事件绑定的几种方法，事件冒泡

14.Ajax/json/json0070

15.异步ajax的优缺点

优点：

 相对于同步ajax：不会造成UI卡死，用户体验好。

 相对于刷新页面，省流量

缺点：

 后退按钮无效；

 多个请求同时触发时，由于回调时间不确定，会造成混乱，避免这种混乱需

要复杂的判断机制。

 搜索引擎不友好

 数据安全

16.常用JS框架，是否使用过jQuery，jQuery的优点。17.18.JS用了多久，介绍一下自己做过的JS项目，19.开发调试工具和方法（编辑器、浏览器

20.类、函数、对象（代码表达）

21.闭包（setTimeout）（产生两个首尾相连的计时器）（使用for循环产生10个计时器）||

22.Jquery Mobile

23.HTML5/CSS3

24.是否听说和理解webapp

1.应届

25.在行的语言，优缺点

26.介绍项目经验，合作开发、独立开发

27.编程的重要知识

28.开发过程中遇到困难，如何解决。

29.有没有个人/开源项目

30.前端开发（HTML/CSS/

31.

第三篇：前端开发面试题及答案

想要应聘前端开发的求职者，要做好完成面试题的准备。下面是由小编分享的前端开发面试题及答案，希望对你有用。

前端开发面试题及答案

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 padding5、CSS引入的方式有哪些?link和@import的区别是?

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

区别：同时加载

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

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

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

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

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

后者优先级高

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

答：结构层HTML 表示层CSS 行为层JS8、你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么? 答：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 IE 8

前端开发面试题之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的同源策略

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

第四篇：前端工程师常用工具

前端工程师常用工具

虽然有一段时间不做前端工程师，但还是免不了做前端的思维，碰到了很好的前端实用工具帖还是忍不住转了过来。这个帖子被转了好多次了，也不知道原本的作者是谁，但无论是谁都是万分的感谢，没有您的整理也没有大家的方便。

帖子整理了前端工程师常用的工具手册以及一些著名的相关博客，是工作中不可缺少的资料。概要：

 



  

   IE下的调试工具前端开发者社区及权威网站前端开发工具集

在线工具集



o o o o 

o o o o 弃他了



o

o o 

o

o o 其他：—— 做某些东西(Firefox插件)时需要唯一资源标志符时用CSS类： CSS选择器性能测试—— CSS格式化工具 CSS Compressor —— CSS压缩 书籍类： Book Shelf 2.0 beta —— 荐，分类很清晰，下载很方便原版图书免费下载链接收集站JavaScript类：—— JavaScript格式化工具，效果很理想 AJAX Libraries API—— 以前一直用这个压JS，自从有了TBCompressor，就放

常用Firefox插件

  支付宝安全控件 和 旺旺协议 —— 网购专用，Firefox+浦发网银，无敌了—— 这个不用介绍了吧，附空帏的外部编辑器乱码修正版

o o o o o 

      —— 支持Cookie的查看和编辑—— 调试性能的，用起来比较麻烦，没试过—— Why Slow? YUI出品—— 把设计稿直接拖到Firefox里进行对比—— JS高亮，性能不是很理想—— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学—— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在找到更多的Package。—— 针对每个站点发送想要的HTTP Referer—— 看某个网站不爽，写个小脚本来优化下还是不错的—— 查看当前Http链接状态，类似IE下的HttpWatch—— 切换User-Agent，同时开发iphone和web版本的时候很方便—— 穿墙工具，配合使用很和谐

IE下的调试工具

—— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将

{Document}ScriptsBrowserPAC.js设为代理进行使用。Firefox下可用上述”Fiddler 开关”进行快速切换。支持插件。

 —— 查看元素、禁用缓存、禁用CSSJS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。+—— 调试JS用，虽然报错还是有误差，但是

我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在”IE选项-高级”里取消禁用脚本调试。



o

o 多版本IE共存两种方案： IE7/8 +—— 大众型配置，可以基本满足日常需要。IE6 +—— 在IE 6用户占绝对优势以及IE 6神奇bug

满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。



o o o 以下三个软件相对不重要些：—— http流查看—— 可查看JS生成的源码—— 网速限制

参考手册



资料。







 苏昱的CSS中文手册和Dom中文手册XMLHTTP参考手册—— 整理的版本，包含了W3C手册以及其他有用的 





   和()PHP手册

批处理工具

  —— 淘宝UED的JS/CSS压缩工具，详见—— png优化工具—— jpeg去冗余meta工具

IDE及其他工具



 

—— 灰常灰常好用，灰常灰常移动，见

Bookmarklet(右键另存)

   ——————，—— for IE 开发者社区及权威网站

     

       (Web 前端开发技术专题)—— 在线PPT分享，资源丰富—— Web开发人员的百科全书(香港，维基百科

推荐订阅的博客和网站(排名不分先后)



o

o

o



o

o

o 国内 内容聚合：，，团队Blog：淘宝，口碑，阿里巴巴国际站，阿里巴巴中文站，阿里巴巴中文站前端开发团队(方凳)，阿里妈妈，支付宝，阿里软件，19楼，九天音乐，金蝶与友商网 个人Blog，这里列出的是原创并更新相对频繁的博客，如有遗漏，请告之：怿飞，手气不错，Realazy，old9(需穿墙术)，沙滩凉鞋(空帏)，射雕(玉伯)，Aether，振之，嗷嗷，，，，，，，卢力，CSS森林(Ghost)，Twinsen，Gulu77，Rlog，Dlog，子鼠，西风坊 …

 





用







浮动标签清除浮动方法小结 前端工程师国外 内容聚合：，，，，团队Blog：，个人Blog：John Resig，PPK: QuirksMode，Douglas Crockford，Dean Edwards，，，

第五篇：IT工程师面试题2014

IT工程师面试测试题

姓名：分数：

一、AD和DC分别指的是什么？

二、网线T568B的线序是怎样的？

三、在WINDOWS中打开本地策略编辑器、打开注册表编辑器、查看网络连接的命令分别是什么？

四、有一个员工，说他的E-mail收发不了，请你描述一下，可能是那些故障产生的，怎么解决这些故障？

五、在ERP中订单分为哪几类？各有什么用？

六、什么是BOM？BOM里面应包含哪些信息？

七、请描述你所了解的ERP中车间物料的流动过程？

八、MRP基本运算公式是什么?

九、在SQL中inner join是什么意思?作用是什么?写出基本语法结构?

十、什么是存储过程?查看存储过程、执行存储过程、更新存储过程的SQL命令分别是什么？