如何面试前端工程师

2024-12-04

如何面试前端工程师（共8篇）（共8篇）

1.如何面试前端工程师篇一

HTML

Doctype作用?严格模式与混杂模式如何区分?它们有何意义?

HTML5 为什么只需要写 ?

行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

页面导入样式时，使用link和@import有什么区别?

介绍一下你对浏览器内核的理解?

常见的浏览器内核有哪些?

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

简述一下你对HTML语义化的理解?

HTML5的离线储存怎么使用，工作原理能不能解释一下?

浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

请描述一下 cookies，sessionStorage 和 localStorage 的区别?

iframe有那些缺点?

Label的作用是什么?是怎么用的?(加 for 或包裹)

HTML5的form如何关闭自动完成功能?

如何实现浏览器内多个标签页之间的通信? (阿里)

webSocket如何兼容低浏览器?(阿里)

页面可见性(Page Visibility)API 可以有哪些用途?

如何在页面上实现一个圆形的可点击区域?

实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。

网页验证码是干嘛的，是为了解决什么安全问题?

tite与h1的区别、b与strong的区别、i与em的区别?

CSS

介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?

CSS选择符有哪些?哪些属性可以继承?

CSS优先级算法如何计算?

CSS3新增伪类有那些?

如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?

display有哪些值?说明他们的作用。

position的值relative和absolute定位原点是?

CSS3有哪些新特性?

请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?

用纯CSS创建一个三角形的原理是什么?

一个满屏品字布局如何设计?

常见兼容性问题?

li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?

经常遇到的浏览器的兼容性有哪些?原因，解决方法是什么，常用hack的技巧 ?

为什么要初始化CSS样式。

absolute的containing block计算方式跟正常流有什么不同?

CSS里的visibility属性有个collapse属性值是干嘛用的?在不同浏览器下以后什么区别?

position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?

对BFC规范(块级格式化上下文：block formatting context)的理解?

CSS权重优先级是如何计算的?

请解释一下为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式

移动端的布局用过媒体查询吗?

使用 CSS 预处理器吗?喜欢那个?

CSS优化、提高性能的方法有哪些?

浏览器是怎样解析CSS选择器的?

在网页中的应该使用奇数还是偶数的字体?为什么呢?

margin和padding分别适合什么场景使用?

抽离样式模块怎么写，说出思路，有无实践经验?[阿里航旅的面试题]

元素竖向的百分比设定是相对于容器的高度吗?

全屏滚动的原理是什么?用到了CSS的那些属性?

什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?

视差滚动效果，如何给每页做不同的动画?(回到顶部，向下滑动要再次出现，和只出现一次分别怎么做?)

::before 和 :after中双冒号和单冒号有什么区别?解释一下这2个伪元素的作用。

如何修改chrome记住密码后自动填充表单的黄色背景 ?

你对line-height是如何理解的?

设置元素浮动后，该元素的display值是多少?(自动变成display:block)

怎么让Chrome支持小于12px 的文字?

让页面里的字体变清晰，变细用CSS怎么做?(-webkit-font-smoothing: antialiased;)

font-style属性可以让它赋值为“oblique” oblique是什么意思?

position:fixed;在android下无效怎么处理?

如果需要手动写动画，你认为最小时间间隔是多久，为什么?(阿里)

display:inline-block 什么时候会显示间隙?(携程)

overflow: scroll时不能平滑滚动的问题怎么处理?

有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。

png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp?

什么是Cookie 隔离?(或者说：请求资源的时候不要让它带cookie怎么做)

style标签写在body后与body前有什么区别?

JavaScript

介绍JavaScript的基本数据类型。

说说写JavaScript的基本规范?

JavaScript原型，原型链 ? 有什么特点?

JavaScript有几种类型的值?(堆：原始数据类型和栈：引用数据类型)，你能画一下他们的内存图吗?

Javascript如何实现继承?

Javascript创建对象的几种方式?

Javascript作用链域?

谈谈This对象的理解。

eval是做什么的?

什么是window对象? 什么是document对象?

null，undefined的区别?

写一个通用的事件侦听器函数(机试题)。

[“1”, “2”, “3”].map(parseInt) 答案是多少?

关于事件，IE与火狐的事件机制有什么区别? 如何阻止冒泡?

什么是闭包(closure)，为什么要用它?

javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么?

如何判断一个对象是否属于某个类?

new操作符具体干了什么呢?

用原生JavaScript的实现过什么功能吗?

Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是?

对JSON的了解?

[].forEach.call($$(“*”),function(a){ a.style.outline=“1px solid #”+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗?

js延迟加载的方式有哪些?

Ajax 是什么? 如何创建一个Ajax?

同步和异步的区别?

如何解决跨域问题?

页面编码和被请求的资源编码如果不一致如何处理?

模块化开发怎么做?

AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别?

requireJS的核心原理是什么?(如何动态加载的?如何避免多次加载的?如何缓存的?)

让你自己设计实现一个requireJS，你会怎么做?

谈一谈你对ECMAScript6的了解?

ECMAScript6 怎么写class么，为什么会出现class这种东西?

异步加载的方式有哪些?

documen.write和 innerHTML的区别?

DOM操作怎样添加、移除、移动、复制、创建和查找节点?

.call() 和 .apply() 的含义和区别?

数组和对象有哪些原生方法，列举一下?

JS 怎么实现一个类。怎么实例化这个类

JavaScript中的作用域与变量声明提升?

如何编写高性能的Javascript?

那些操作会造成内存泄漏?

JQuery的源码看过吗?能不能简单概况一下它的实现原理?

jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this?

jquery中如何将数组转化为json字符串，然后再转化回来?

jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝?

jquery.extend 与 jquery.fn.extend的区别?

jQuery 的队列是如何实现的?队列可以用在哪些地方?

谈一下Jquery中的bind(),live(),delegate(),on()的区别?

JQuery一个对象可以同时绑定多个事件，这是如何实现的?

是否知道自定义事件。jQuery里的fire函数是什么意思，什么时候用?

jQuery 是通过哪个方法和 Sizzle 选择器结合的?(jQuery.fn.find()进入Sizzle)

针对 jQuery性能的优化方法?

Jquery与jQuery UI有啥区别?

JQuery的源码看过吗?能不能简单说一下它的实现原理?

jquery 中如何将数组转化为json字符串，然后再转化回来?

jQuery和Zepto的区别?各自的使用场景?

针对 jQuery 的优化方法?

Zepto的点透问题如何解决?

jQueryUI如何自定义组件?

需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案?

如何判断当前脚本运行在浏览器还是node环境中?(阿里)

移动端最小触控区域是多大?

jQuery 的 slideUp动画，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?

把 Script 标签放在页面的最底部的body封闭之前和封闭之后有什么区别?浏览器会如何解析它们?

移动端的点击事件的有延迟，时间是多久，为什么会有? 怎么解决这个延时?(click 有 300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。)

知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?

Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法?

解释JavaScript中的作用域与变量声明提升?

那些操作会造成内存泄漏?

JQuery一个对象可以同时绑定多个事件，这是如何实现的?

Node.js的适用场景?

(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?

解释一下 Backbone 的 MVC 实现方式?

什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?

知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?

如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?

前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?

简述一下 Handlebars 的基本用法?

简述一下 Handlerbars 的对模板的基本处理流程，如何编译的?如何缓存的?

用js实现千位分隔符?(来源：前端农民工，提示：正则+replace)

检测浏览器版本版本有哪些方式?

我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获

2.如何面试前端工程师篇二

本人大四了，正准备校招呢~可是本人是学计算机的，本人特别喜欢设计，ui设计视觉设计平面设计啦等等，熟练ps，给朋友做过设计，也设计这网页。由于大部分时间都学前端了，所以设计的软件就熟练ps。我当然也不讨厌编程，前端开发需要的基础我都会，也做过不少的网站项目，但是一想到以后想做好前端开发还要学的语言多了去了我就头疼，但是想到设计不管以后要学什么还是怎么样我都不烦，我不知道该选网页设计和前端开发这两个职业的哪一个。

我想选设计但我不是设计专业的，我不是学设计的是不是一般公司都不会鸟我。。?但是前端要做好学的东西太多。。而且前端是不是就是程序员?。。

[前端工程师和 UI 设计师该如何选择]

3.前端开发面试题篇三

本文由我收集总结了一些优质的前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的!

前端还是一个年轻的行业，新的行业标准，框架，库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话：“每18至24个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术, 跟上快速变化的节奏, 也是身为一个前端程序员必备的技能之一。

最近也收到许多微博私信的鼓励和更正题目信息，后面会经常更新题目和答案到github博客，但其他旧版本的分支和其他网站出现的拷贝版本上面的错误回答我也管不了嘞。希望更多的前端开发可以达到既能使用也会表达，对理论知识有自己的理解，也可根据下面的知识点一个一个去进阶学习,形成自己的职业技能链。

面试有几点需注意：

1、面试题目：根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。

2、题目类型：理论知识，算法，项目细节、技术视野、开放性题，工作案例。

3、细节追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种知识关联是长时期的学习，临时抱佛脚绝对是记不住的。

4、回答问题再棒，面试官(可能是你面试职位的直接领导)，会考虑我要不要这个人做我的同事?所以态度很重要、除了能做事，还要会做人。(感觉更像是相亲( ))

5、资深的前端开发能把absolute和relative弄混，这样的人不要也罢，因为团队需要的是：你这个人具有可以依靠的才能(靠谱)。

前端开发面试知识点大纲：

作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：

HTML

Doctype作用?标准模式与兼容模式各有什么区别?

HTML5 为什么只需要写 ?

行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素;span默认display属性值为“inline”，是“行内”元素。

(1)行内元素有：a b span img input select strong(强调的语气)

(2)块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p

(3)常见的空元素：

鲜为人知的是：

页面导入样式时，使用link和@import有什么区别?

(1)link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的，只能用于加载CSS;

(2)页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

(3)import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题;

介绍一下你对浏览器内核的理解?

主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

渲染引擎：负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等)，以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。

JS引擎则：解析和执行javascript来实现网页的动态效果。

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

常见的浏览器内核有哪些?

Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]

Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等

Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]

Webkit内核：Safari,Chrome等。 [ Chrome的：Blink(WebKit的分支)]

详细文章：浏览器内核的解析和对比 - 依水间

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

* HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

绘画 canvas;

用于媒介回放的 video 和 audio 元素;

本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;

sessionStorage 的数据在浏览器关闭后自动删除;

语意化更好的内容元素，比如 article、footer、header、nav、section;

表单控件，calendar、date、time、email、url、search;

新的技术webworker, websockt, Geolocation;

移除的元素：

纯表现的元素：basefont，big，center，font, s，strike，tt，u;

对可用性产生负面影响的元素：frame，frameset，noframes;

* 支持HTML5新标签：

IE8/IE7/IE6支持通过document.createElement方法产生的标签，

可以利用这一特性让这些浏览器支持HTML5新标签，

浏览器支持新标签后，还需要添加标签默认的样式。

当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架

* 如何区分： DOCTYPE声明新增的结构元素功能元素

简述一下你对HTML语义化的理解?

用正确的标签做正确的事情。

html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;

及时在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的;

搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;

使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

HTML5的离线储存怎么使用，工作原理能不能解释一下?

在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。

原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。

如何使用：

1、页面头部像下面一样加入一个manifest的属性;

2、在cache.manifest文件的编写离线存储的资源;

CACHE MANIFEST

#v0.11

CACHE:

js/app.js

css/style.css

NETWORK:

resourse/logo.png

FALLBACK:

/ /offline.html

3、在离线状态时，操作window.applicationCache进行需求实现。

详细的使用请参考：有趣的HTML5：离线存储

浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件，如果是第一次访问app，那么浏览器就会根据manifest文件的内容下载相应的资源并且进行离线存储。如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，就不做任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。

离线的情况下，浏览器就直接使用离线存储的资源。

详细的使用请参考：有趣的HTML5：离线存储

请描述一下 cookies，sessionStorage 和 localStorage 的区别?

localStorage 长期存储数据，浏览器关闭后数据不丢失;

sessionStorage 数据在浏览器关闭后自动删除。

iframe有那些缺点?

*iframe会阻塞主页面的Onload事件;

*iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。

使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript

动态给iframe添加src属性值，这样可以可以绕开以上两个问题。

Label的作用是什么?是怎么用的?

label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

Number:

Date:

HTML5的form如何关闭自动完成功能?

给不想要提示的 form 或下某个input 设置为autocomplete=off。

请描述一下 cookies，sessionStorage 和 localStorage 的区别?

cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会

sessionStorage和localStorage的存储空间更大;

sessionStorage和localStorage有更多丰富易用的接口;

sessionStorage和localStorage各自独立的存储空间;

如何实现浏览器内多个标签页之间的通信? (阿里)

调用localstorge、cookies等本地存储方式

webSocket如何兼容低浏览器?(阿里)

Adobe Flash Socket 、ActiveX HTMLFile (IE) 、基于 multipart 编码发送 XHR 、基于长轮询的 XHR

CSS

介绍一下CSS的盒子模型?

(1)有两种， IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 pading;

(2)盒模型：内容(content)、填充(padding)、边界(margin)、边框(border).

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?

* 1.id选择器( # myid)

2.类选择器(.myclassname)

3.标签选择器(div, h1, p)

4.相邻选择器(h1 + p)

5.子选择器(ul >li)

6.后代选择器(li a)

7.通配符选择器( * )

8.属性选择器(a[rel = “external”])

9.伪类选择器(a: hover, li: nth - child)

* 可继承的样式： font-size font-family color, UL LI DL DD DT;

* 不可继承的样式：border padding margin width height ;

* 优先级就近原则，同权重情况下样式定义最近者为准;

* 载入样式以最后载入的定位为准;

优先级为:

!important >id >class >tag

important 比内联优先级高

CSS3新增伪类举例：

p:first-of-type 选择属于其父元素的首个

元素的每个

元素。

p:last-of-type 选择属于其父元素的最后

元素的每个

元素。

p:only-of-type 选择属于其父元素唯一的

元素的每个

元素。

p:only-child 选择属于其父元素的唯一子元素的每个

元素。

p:nth-child(2) 选择属于其父元素的第二个子元素的每个

元素。

:enabled :disabled 控制表单控件的禁用状态。

:checked 单选框或复选框被选中。

如何居中div?如何居中一个浮动元素?

给div设置一个宽度，然后添加margin:0 auto属性

div{

width:200px;

margin:0 auto;

}

居中一个浮动元素

确定容器的宽高宽500 高 300 的层

设置层的外边距

.div {

Width:500px ; height:300px;//高度可以不设

Margin: -150px 0 0 -250px;

position:relative;相对定位

background-color:pink;//方便看效果

left:50%;

top:50%;

}

列出display的值，说明他们的作用。position的值， relative和absolute定位原点是?

1、block 象块类型元素一样显示。

none 缺省值。象行内元素类型一样显示。

inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。list-item 象块类型元素一样显示，并添加样式列表标记。

2、*absolute

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

*fixed (老IE不支持)

4.web前端开发面试题篇四

1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?

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

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

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

6. css的基本语句构成是?

7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?

8. 如何居中一个浮动元素?

9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!

10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)

11. 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?

12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?

【Javascript】

1. js是什么，js和html 的开发如何结合?

2. 怎样添加、移除、移动、复制、创建和查找节点

3. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别

4. 面向对象编程:b怎么继承a

5. 看看下面alert的结果是什么

view sourceprint?1.function b(x, y, a) {

.arguments[2] = 10;

.alert(a);

}

b(1, 2, 3);

如果函数体改成下面，结果又会是什么?

a = 10;

alert(arguments[2] );

6. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象

var obj = parseQueryString(url);

alert(obj.key0) // 输出0

7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?

8. 什么是闭包?下面这个ul，如何点击每一列的时候alert其index?

这是第一条

这是第二条

这是第三条

9. 最近看的一篇Javascript的文章是?

10. 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?

11.说说YSlow(可以详细一点)

[web前端开发面试题]

5.如何面试前端工程师篇五

第六问 new Foo().getName() ，首先看运算符优先级括号高于new，实际执行为

(new Foo()).getName()

遂先执行Foo函数，而Foo此时作为构造函数却有返回值，所以这里需要说明下js中的构造函数返回值问题。

构造函数的返回值

在传统语言中，构造函数不应该有返回值，实际执行的返回值就是此构造函数的实例化对象。

而在js中构造函数可以有返回值也可以没有。

1、没有返回值则按照其他语言一样返回实例化对象。

image_thumb1

2、若有返回值则检查其返回值是否为引用类型。如果是非引用类型，如基本类型(string,number,boolean,null,undefined)则与无返回值相同，实际返回其实例化对象。

image_thumb2

3、若返回值是引用类型，则实际返回值为这个引用类型。

image_thumb3

原题中，返回的是this，而this在构造函数中本来就代表当前实例化对象，遂最终Foo函数返回实例化对象。

之后调用实例化对象的getName函数，因为在Foo构造函数中没有为实例化对象添加任何属性，遂到当前对象的原型对象(prototype)中寻找getName，找到了。

遂最终输出3。

第七问

第七问, new new Foo().getName(); 同样是运算符优先级问题。

最终实际执行为：

new ((new Foo()).getName)();

先初始化Foo的实例化对象，然后将其原型上的getName函数作为构造函数再次new。

遂最终结果为3

最后

就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。

只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

★ 程序员网络面试题

★ 经典面试题

★ 学生会面试题

★ 前端面试题

★ 公务员面试题

★ 陷阱面试题

★ php 面试题

★ c++面试题

★ 腾讯面试题

6.如何面试机械工程师篇六

A: I have four years study in the Department of Mechanical Engineering and it has given me a solid theory foundation. Moreover, I have worked at CBA Company for 4 years and got a lot of practical experience.

I: Great. Then whats your technical post title now?

A: I am a senior mechanical design engineer.

I: Do you take the original certificate with you?

A: Yes. Here it is.

I: Can you briefly tell me about one of your designs?

A: Of course, I designed a more powerful gasoline engine, which greatly increased the speed of limousines.

I: 你为什么认为你适合这份工作?

A: 我在机械工程系学了4年，这为我的理论水平打下了坚实的基础。而且我在CBA公司工作了4年，获得了丰富的实际经验。

I: 太好了。那你现在的技术职称是什么?

A: 我现在是高级机械设计工程师。

I: 你把证书原件带来了吗?

A: 带了，给你。

I: 你能简要介绍一项你的设计成果吗?

A: 当然可以了。我曾经设计了一个功能非常强大的汽油发动机，它显著提高了轿车的速度。

7.前端开发工程师的自我介绍篇七

第二天淡定的去了。web前端工程师面试地点。大概题目如下吧。

1、设计一个阿里巴巴的左侧导航栏html+css实现，我用了css sprite背景定位吧。

2、给你一段css代码，画出布局图，就是float还有margin-left：-192之类的吧，还真的和我想的不一样，回去调试了一下，后来证明有用的，一面就问了我。

3、如何利用prototype属性拓展，很有意思的，一个阿里人Aliren如何展示你的特质哈哈。原生模型扩展，幸好我了解过。

4、在web页面上实现打印乘法表。

其他的就是逻辑题目了。逻辑题只剩下10分钟10道题，大都是说甲乙丙丁作案，然后谁个说谎之类的吧。另外的就是数字比如1,2,2,3,4,6，?我没时间了就瞎猜了一个9居然对了，没办法或许就是缘分吧。。哈哈。

笔试回来感觉一般，但还是准备了一下在网上搜集了web前端的面经，然后就再次看到了一个哥们的经历，和我及其相似，虽然他是去年毕业的，哈哈。或许真的期待我也能有他一样的经历吧。回去晚上还笔试了sohu，嗨这个就没有多大希望了我估计。太难了还是期待一下阿里巴巴吧。

晚上收到了中华英才网代发的一面通知，一会儿又有阿里巴巴总部电话确认了一下，通知我明天下午3点过去面试。为了吸取上次支付宝的教训，自己把所有的技术贴再回顾了一下吧。然后两点就过去。三点半左右开始面试。面试过程同样的是先三分钟自我介绍吧，然后就是针对卷子的内容让我优化一下，问我回去有没有想过自己的做得怎么样啊之类的，于是我觉得做的还可以，也就没有怎么弄，然后他说也可以。再就是介绍一下自己作品的成功之处吧，对js框架的了解，以及js跨域的访问，css盒模型的理解之类的吧。大概技术就这样子了，其他的都是非技术啦。于是就开始问我为什么跨专业啊、看我在学生会当过副主席，成绩也还很好于是就很不理解问我怎么分配时间的问题啊，如何应对压力啊，感觉累不累啊，之类的。或许经验丰富吧，整个过程都还回答的相当自如。另外看见我已经签了华为了，为什么还去阿里巴巴啊，为什么面试腾讯、百度、支付宝、淘宝之类的悲剧了呢，以及我的家庭关系为什么只写了我哥哥，然后了解了一下自己的家庭情况吧，问了一下我是怎么度过最艰难的时期的。你大学期间最讨厌的人是谁啊，你最要好的人是谁啊，好到什么程度啊，有没有同穿一条内裤啊!我狂晕了当时!然后就是你远离家乡啊，个人感情问题啊。以及如何看待你的硕士研究阶段的工作的意义啊，以后对工资的期待啊什么的。大概就这些吧，然后问我有什么问题没有，于是我问了一下阿里巴巴有么打算做ria的应用平台啊，然后他说他们正有此意呵呵，看来问的还不错的，反正又表达了一下自己的强烈愿望吧。于是告诉我两个小时内有答复，让我耐心等待，或者就在附近逛一下。呵呵，我就骑车回了实验室，还在跟同学开玩笑，两个小时都已经过了20分钟了还没收到，这时候来了一个电话，空高兴一场，一个老朋友打电话请教问题来了，就跟他讲了五六分钟，这时候另外一个手机响了(ps：我有两个手机，一个专门用来找工作临时上网用的联通3g手机)，我怕有什么事，于是就同时接了这个电话，居然真的是阿里巴巴的二面通知，让我7点半去二面。看了一下时间正好是半个小时后，哈哈还算快的。幸好当时让我填紧急联系人的时候我还是填了自己，并写了另外一个手机号，看来派上用场了，因为我的另一个电话正在用，这时候打进来会说我的号码是空号，呵呵好幸运啊。

二面，我7点钟到了，呵呵等了一会儿，以为会考技术，再次复习了一下，哈哈结果进去一点技术的偶没有!!!进去时隔女的hr看了我的简历就问，你今天一面感觉如何啊，我说还不错吧，就是有些不足，他就问我什么不足啊，我说没有充分表现出自己的.优点和亮点啊。于是让我又自己总结了一下自己的优点哈哈，我就不谦虚了，嘿嘿。后面又问了一面一样的很多问题，比如为什么签约了华为呢，给的薪资是多少啊，阿里巴巴可能前期么有那么多啊，你在学生会学到了什么啊，你的科研中又学到了什么啊之类的。后来就是问我还有什么问题，我就纱布垃圾的再次表达了一下自己的意愿，然后告诉我晚上之前通知我结果，保持畅通的联系方式。就这样over了!

通过艰难的等待，在上午十点多收到了阿里offer通知了，很激动!很高兴，第一时间都快happy到了极点，就给某人分享了这个快乐。。。哈哈。回来想了一下整个过程我好想没怎么面我技术，大多是看个人的价值观吧，以及对人对事的态度吧。发现大企业还是不一样的，因为他们觉得任何人都是可以塑造的吧，这只是我的猜想。再想想整个阿里巴巴找工作的过程还是很有缘分的，一次次的被淘宝、支付宝拒绝了，但是每次都进步了。每次自己都在用心总结，都在不停的积累，感觉找工作的整个过程我的技术都有了很大的进步。还有昨天加了一个我要进互联网的群，里面有很多牛人，谢谢群主周董给我的鼓励，他说阿里很喜欢我这样的人，让我倍受鼓舞，发挥也很正常，很感谢!