jquery面试,jquery面试常问到的问题

面试网页设计有哪些问题？

一、网页设计面试的经典问题及答题思路：

问题一：“请你自我介绍一下”

思路：

1、这是面试的必考题目。

2、介绍内容要与个人简历相一致。

3、表述方式上尽量口语化。

4、要切中要害，不谈无关、无用的内容。

5、条理要清晰，层次要分明。

6、事先最好以文字的形式写好背熟。

回答要点：用10秒钟简单说说个人资料即可。用一分半钟左右时间介绍你以前从事的工作，和所获得的经验。再用一分钟左右时间描述你以前的工作经验对应聘的这份职位来说有那些帮助。

问题二：“谈谈你的家庭情况”

思路：

1、况对于了解应聘者的性格、观念、心态等有一定的作用，这是招聘单位问该问题的主要原因。

2、简单地罗列家庭人。

3、宜强调温馨和睦的家庭氛围。

4、宜强调父母对自己教育的重视。

5、宜强调各位家庭成员的良好状况。

6、宜强调家庭成员对自己工作的支持。

7、宜强调自己对家庭的责任感。

问题三：“你有什么业余爱好？”

思路：

1、业余爱好能在一定程度上反映应聘者的性格、观念、心态，这是招聘单位问该问题的主要原因。

2、最好不要说自己没有业余爱好。

3、不要说自己有那些庸俗的、令人感觉不好的爱好。

4、最好不要说自己仅限于读书、听音乐、上网，否则可能令面试官怀疑应聘者性格孤僻。

5、最好能有一些户外的业余爱好来“点缀”你的形象。

问题四：“你最崇拜谁？”

思路：

1、最崇拜的人能在一定程度上反映应聘者的性格、观念、心态，这是面试官问该问题的主要原因。

2、不宜说自己谁都不崇拜。

3、不宜说崇拜自己。

4、不宜说崇拜一个虚幻的、或是不知名的人。

5、不宜说崇拜一个明显具有负面形象的人。

6、所崇拜的人人最好与自己所应聘的工作能“搭”上关系。

7、最好说出自己所崇拜的人的哪些品质、哪些思想感染着自己、鼓舞着自己。

问题五：“你的座右铭是什么？”

思路：

1、座右铭能在一定程度上反映应聘者的性格、观念、心态，这是面试官问这个问题的主要原因。

2、不宜说那些医引起不好联想的座右铭。

3、不宜说那些太抽象的座右铭。

4、不宜说太长的座右铭。

5、座右铭最好能反映出自己某种优秀品质。

6、参考答案——“只为成功找方法，不为失败找借口”

二、面试的注意事项：

(1)一旦和用人单位约好面试时间后，一定要提前5-10分钟到达面试地点，以表示求职者的诚意，给对方以信任 感，同时也可调整自己的心态，作一些简单的仪表准备，以免仓促上阵，手忙脚乱。为了做到这一点，一定要牢 记面试的时间地点，有条件的同学最好能提前去一趟，以免因一时找不到地方或途中延误而迟到。如果迟到了， 肯定会给招聘者留下不好的印象，甚至会丧失面试的机会。

(2) 进入面试场合时不要紧张。　如门关着，应先敲门，得到允许后再进去。开关门动作要轻，以从容、自然为 好。见面时要向招聘者主动打招呼问好致意，称呼应当得体。在用人单位没有请你坐下时，切勿急于落座。用人 单位请你坐下时，应道声“谢谢”。坐下后保持良好体态，切忌大大咧咧，左顾右盼，满不在乎，以免引起反感 。离去时应询问“还有什么要问的吗”，得到允许后应微笑起立，道谢并说“再见”。

(3) 对用人单位的 问题要逐一回答。　对方给你介绍情况时，要认真聆听。为了表示你已听懂并感兴趣，可以在适当的时候点头或 适当提问、答话。回答主试者的问题，口齿要清晰，声音要适度，答话要简练、完整。一般情况下不要打断用人 单位的问话或抢问抢答，否则会给人急躁、鲁莽、不礼貌的印象。问话完毕，听不懂时可要求重复。当不能回答 某一问题时，应如实告诉用人单位，含糊其辞和胡吹乱侃会导致面试失败。对重复的问题也要有耐心，不要表现 出不耐烦。

(4) 在整个面试过程中，在保持举止文雅大方，谈吐谦虚谨慎，态度积极热情。　如果用人单位有两位以上主试 人时，回答谁的问题，你的目光就应注视谁，并应适时地环顾其他主试人以表示你对他们的尊重。谈话时，眼睛 要适时地注意对方，不要东张西望，显得漫不经心，也不要眼皮低望，显得缺乏自信，激动地与用人单位争辩某 个问题也是不明智的举动，冷静地保持不卑不亢的风度是有益的。有的用人单位专门提一些无理的问题试探你的 反应，如果处理不好，容易乱了分寸，面试的效果显然不会理想。

相关问答

Q1: 面试网页设计有哪些问题

网页设计在企业中做什么？

网页设计可以说是每个网站的必备职位，因此职位需求也非常巨大。现在的大部分公司也越来越重视用户体验，包括腾讯、淘宝等互联网公司都设置了专门的UED (user experience design用户体验设计)部门。而且现有的行情，做互联网方面的设计则最吃香，大部分这类专业的同学在毕业前都会关注诸如网页设计、游戏设计等新媒体设计领域。

网页设计是一个站点的“门面”，好的设计师可以很好的提升互联网公司的网站形象。一般企业招聘网页设计师的要求一般包括以下几种：会设计效果图，会制作网页，最好还能会点Flash，要是还能做点前端JavaScript、Dom、Jquery，那就完美了。

问题一、不经思索 答非所问

常见指数：★★★★

考官问：你熟悉Photoshop还是Fireworks，会用Flash和jQuery吗，CSS程度怎么样？

应聘者：啊，Photoshop就是PS吧，这个我……会……一点，后面什么F什么J，是什么东西？

考官说：虽然这些东西并不需要全会，但至少你要知道它们的名字和用途吧。

在面试中的一大忌讳，就是反问考官问题。对于一般的设计师来说，往往需要会做页面并制作成HTML即可，但是在实际工作当中，往往会需要有一定的Flash广告等应用，而公司不可能为了制作一个广告banner而招聘一个专门的人员。所以如果应聘人员懂得一定的Flash等技能，也是很有帮助的。

随着WEB2.0的运用，大量的交互功能出现在现有的网页中，如不需要刷新就能实现数据自动推送的功能，往往需要用到jQuery等JavaScript框架，这往往就需要网页设计师对相关知识有所涉及。

需要注意的是，大部分公司中网页设计人员都需要与程序员直接打交道，所以了解一定的程序方面的知识，会对应聘成功有很大的帮助。

问题二、偷梁换柱 冒名顶替

常见指数：★★★★★

考官问：我看了你带来的设计图，确实很不错啊，就是跟某某国外大师的设计作品很像，难道你也喜欢这种欧美的设计风格吗？

应聘者：(滴汗中……)是……是的，我也很喜欢这种风格，所以经常有临摹类似的作品。

考官说：招聘了很多人，这种情况也遇到很多次了。

如果你应聘的是设计，不要直接拿国外经典设计作品凑数。而且，就是拿别人的作品也找点小众的，如果你拿网上下烂了的模板当你的设计作品，请不要忘记，这个页面是个设计师都见过吧…… 多么尴尬…… 如果你是模仿设计，那么你的注意本地化,就是结合中文的特点…… 好网页的结构和色彩、风格你可以借鉴，如果是连文字、Logo你都抄了，那还能体现你作为设计师的价值吗？简直是自我羞辱 【如果你应聘的是网页制作为主的职位，那还凑合，因为招聘方主要看的不是设计了，是看你的Div制作的水平，看你代码的质量和和制作的速度…..】

一个网页的形成，通常是由“产品原型”—“设计效果图”—“HTML页面”的过程演变的，通常产品原型就是一个网页的草图，往往由产品经理通过专门的工具来设计，当然一般的线框图也可以满足原型的需求，但是也有很多公司漏掉了产品原型，而直接进行页面设计了。

效果图的设计，是网页设计师最核心的工作。除了对页面风格进行搭配、选用适合的配色、制作图标和处理图片等，都属于效果图设计的范畴。不仅包含了排版等技能，网页设计师最重要的还得有较好的审美水平，能够制作出适合的效果图。

问题三、不懂变通 无法适应

常见指数：★★★★

考官问：请你对我们公司的网站页面进行一个大体的设计。

应聘者：大刀阔斧地勾勒出自己心目中最完美网页的样子。

考官说：我的是新闻网站，为何把它设计成SNS了？

其实应聘网页设计往往都是有一定的模式可循的，下面就介绍几个常见的布局，面试前一定要将它们牢记于心。

企业站点经典布局

对于企业站点来说，最常用的就是如图所示的布局格式，这样的布局方法简单而明了，结构清晰易读，可以满足一般企业对网站的信息介绍、产品展示等需求。　该风格的特点在于网页以头尾、左右的方式划分，头部往往放置网站LOGO信息，而尾部则是站点的介绍等基本内容，右侧主要体现主体内容。这种结构基本可以满足大部分网站的排版需求，也是目前大部分网站普遍采用的形式，基本上可以“一招鲜吃遍天”。

新闻站点经典布局

新闻站点的特性就是信息量大，并且包含了多种不同的元素，要将文字、图片和视频等内容融合为一个整体，确实需要有较强的整体把握能力。附图是网易新闻的首页模板，突出了头条新闻和幻灯片新闻。而蓝色的模板风格也适合大部分文章类型的站点。

对于内容较多的网站来说，就需要通过多栏划分的方式将内容有机的排列组合，这样就可以采用左中右的三栏结构。中间突出主要内容，两侧进行补充。目前大部分内容量较大的网站首页都是采用类似的模式。

问题四、吹牛吹上天

常见指数：★★★★

考官问：你认为你胜任这个岗位最大的优势是什么？

应聘者：我有XX证书、对XXX了解比较深刻……

考官说：我不看文凭看实力，证书不能证明什么。

网页设计师与其他的职业有一个最大的区别，就是有实际的作品可以用来体现自己的设计水平。而其他职业往往很难直接对能力进行展示，所以网页设计可以说是相对没有学历和资历门槛的职业。

此外，前几年还能够采用表格的方式进行页面制作，而近年来几乎DIV+CSS的排版方式成为了标配，所有网站都开始采用这种方式来制作网页，而对于网页设计师来说，当然就需要有DIV+CSS的布局能力。

在很多大型公司，设计页面和切图制作网页往往会由不同的人执行。但是对于中小型公司来说，通常是一个设计师就需要包揽从设计到切图制作成HTML页面的完整流程。即使是在大公司，网页UI设计师如果懂Div+css输出,在设计的时候就考虑到如何输出，如何复用图片，如何重复，如何拼贴，如何自适应，哪些必须留活字不能在ps里加效果，配合后台动态输出，设计出来的产品才有可能精致……平面设计直接转网页设计的， 虽然同样是做设计，但是经常会有制作人员这样的抱怨，这个页面我没法输出，这得用多少大图呀，哎~ …

网页UI设计师如果懂Div+css输出，别人跟你解释的时候，你能够很快理解对方的需求，快速无障碍沟通。如果你不懂div , 后台的程序员搭档跟你解释，沟通的时候，他说的需求你听不明白，你的搭档就会有擀面棍儿吹火的感觉（或者叫对牛弹琴的感觉），对你的评价可想而知。

考官说：用作品体现实力

网页设计这一职位的面试相对简单，因为通常只需要应聘者的作品，就可以看出是否能胜任工作，所以在应聘之前一定要整理好自己拿手的页面设计作品。通常选用3张～6张包含首页和其他页面的设计图即可。由于大部分招聘邮箱默认不接收附件，可以采用直接贴网址的方式来展示作品。

不过需要提醒的是，作品最好是要用自己的，使用他人的作品来充数，虽然这种方式对面试成功有显著的助推效果，但如果你没有认真做过自己的作品，你的能力是不能到位的，工作后就会暴露出问题，常见的操作不熟练，或者一个简单问题把你给卡主了，实际能力和作品相差太远，后果往往是比较严重的。

面试小贴士：注重个人形象

你到一个单位去应聘求职，给人的第一印象非常重要，所以穿着打扮还是要注意的。有的男同学为了给人好的印象，常常花大价钱买了一套西服西裤，其实这种方式大可不必。因为你就是一个初出茅庐的学生，朴实无华才是你最基本的特性，你打扮得太专业就不太像学生了。所以说衣服的穿着最重要的就是干净整洁，你不能邋里邋遢的求职应聘，最基本的要求就是长衣、长裤配皮鞋就可以，干净整洁是必须的。

除了衣服的穿着以外，面部的干净整洁也非常重要。首先你在应聘以前，首先要对自己的头发进行修剪。对于男生来说头发不能挡住额头，两侧的头发不能遮住耳朵，后面的头发不要碰到衬衣的领子。因为太长的头发容易弄脏白衬衫的衣领。对于女生来说最好是淡妆，给人清新亮丽的感觉，切忌不要浓妆艳抹或者穿着过于时髦【比如薄，透，露，香水扑鼻】，大多数正经人都会对此很反感，如果你喜欢留长发的话，应聘的时候最好把它用卡子或发箍给编起来。另外对于男生来说，把胡子剃干净也非常重要。不要以为留胡子可以给人一种老成持重的感觉，有的时候反而给人家一种蓬头垢面的感觉。当然啦，如果你真是是特别特别有才，才华出众…外表就不那么重要了,呵呵… 但是，干净整洁还是比较好…..

Q2: 面试被问到jquery对ajax的支持应该怎么

今天就来说说jquery对于ajax的支持，jquery封装了XMLHttpRequest的底层实现，直接调用提供的方法即可

1.$.ajax(options)

这个方法是jquery对于ajax最为全面的支持，$.ajax(options)既可以发送GET请求，也可以发送POST请求等等，因此我们通过这个方法可以获得ajax交互的所有控制权。

该方法中包含了一个参数options，该参数的形式为{key1:val1,key2:val2,key3:val3....},如

{

url:delTagAction,

data:{

sendTime:(new Date()).getTime(),

idStr:idStr

},

type:"post",

async:false,

dataType:"json",

success:function(data){ if(data.success){

$("#shield").fadeOut(400);

$("#subDetailWrapper").fadeOut(400);

$("#middle").load(listTagAction,

{

sendTime:(new Date()).getTime(),

currentPage:currentPage

}

)

alert("操作成功！！！");

}else{

alert("操作失败，请联系开发人员！！！");

}

}

}

下面就介绍发送ajax请求可指定的各个选项：

常用的：

async-----------------------------------指定是否使用异步请求，默认值为true(使用异步)

beforeSend-----------------------------指定发送请求之前将触发指定的函数，通过该函数我们可以在请求前加一些自定义的请求头或者是请求状态条等，

complete-------------------------------指定ajax交互完成后的回调函数，该函数将在succes或error回调函数之后被调用。该选项指定的函数是形如：

function(xhr,textStatus){....},xhr表示本次交互的XMLHttpRequest对象,textStatus表示服务器端相应状态的描述。

data------------------------------------发送本次ajax请求的请求参数。指定的参数形如：{key1:val1,key2:val2,key3:val3....}

dataType------------------------------指定服务器响应的类型，如果不指定，jquery会根据响应头来返回responseXML或responseText,并将响应传给回调函数对应的参数，可选值有以下：

xml:返回可以使用jquery处理的XML文档

html:返回html文本

script:返回javascript脚本，要注意的是此时必须将读取浏览器缓存禁止掉

json:返回一个符合json格式的字符串

text:返回普通的文本响应

jsonp:指定使用jsonp加载json块，使用jsonp时应该在请求的url之后额外添加“？callback=?”,其中callback为回调函数

error-----------------------------------指定服务器响应出现错误的回调函数，指定的函数型形如function(xhr, textStatus, errorThrown){..},其中xhr参数表示请求的XMLHttpRequest对象，textStatus参数为关于错误的信息描述，errorThrown参数表示引起错误的错误对象

success---------------------------------指定服务器响应成功后的回调函数，指定的函数型形如function(xhr, textStatus){..},其中xhr参数表示请求XMLHttpRequest对象，textStatus参数为服务器响应状态的信息

timeout---------------------------------设置ajax请求超时时长

type-------------------------------------设置发送请求的方式，常用的就是“POST”与"GET",默认值为"GET"

url---------------------------------------指定发送ajax请求的目的URL地址

其他：

cache-----------------------------------是否从浏览器中读取缓存，默认为true(读取缓存)，我们一般是不希望读取缓存的，办法就是在发送的参数中添加时间戳来骗过浏览器

contentType---------------------------指定发送到服务器端的请求所使用的编码格式，默认值为“application/x-www-form-urlencoded”

dataFilter------------------------------执行一个回调函数，该回调函数会对服务器端的响应进行预处理，指定的函数如：function(data,type){....},data表示服务器端返回的响应，type表示服务器端响应的数据类型

global----------------------------------设置是否触发ajax的全局事件处理函数，默认值为true

ifModified------------------------------设置是否仅在服务器数据改变获取新数据，默认值为false

jsonp-----------------------------------该选型指定的值将会覆盖jsonp中请求的callback函数

username-------------------------------对目标url需要用户名的指定用户名

password-------------------------------对目标url需要密码的指定密码

processData----------------------------指定是否需要处理请求数据，默认为true(需要处理)

xhr--------------------------------------使用自己的方式来创建XMLHttpRequest对象

示例常用选项的ajax：

function update(delTagAction, listTagAction){ var tagId = $("#examId").val();

var currentPage=$("#currentPage").val(); //获取当前页

//alert(currentPage);

var ids=new Array(); if($("input[name='id']:checked").size()==0){

alert("请先勾取选项！"); return false;

}

$("input[name='id']:checked").each(function(i,obj){

ids[i]=$(obj).val();

}); var idStr=ids.join("-");

$.ajax({

url:delTagAction,

data:{

sendTime: (new Date()).getTime(),

idStr: idStr,

tagId: tagId

},

type:"post",

async:false,

dataType:"json",

success:function(data){ if(data.success){

$("#middle").load(listTagAction,

{

sendTime:(new Date()).getTime(),

currentPage:currentPage

}

)

alert("操作成功！！！");

}else{

alert("操作失败，请联系开发人员！！！");

}

}

});

}

看上面的代码大家可以看到一个load方法的使用：

$("#middle").load(listTagAction,

{

sendTime:(new Date()).getTime(),

currentPage:currentPage

}

)

load方法是一个非常便捷的ajax交互方法，它可以向一个远程URL发送一个异步请求，可以不需要指定回调函数，可以指定一个制定id的css来自动加载服务器的html响应

方法说明如下：load(url, [,data][,callback]),data是一个形如{key1:val2,key2:val2,key3:val3...}的js对象，callback为回调函数，两个参数都是可选的

下面示例：

//根据省份来进行显示function show(tagAction, city){

$("#detail").empty();

$("#detail").load(tagAction,

{

sendTime:(new Date()).getTime(),

city: city

}

);

}

交互后，服务器端返回的数据将加载到id为detail的元素的位置

2.上面介绍的$.ajax(options)为我们提供了全面控制ajax的请求细节，但另一个方面就会显得比较的复杂，因此jquery提供了几个简单的方法来发送请求

(1)$.get(url, [data], [callback], [type]):向服务器端发送GET请求，参数表示分别是：url：访问的服务器的地址；data:一个js对象，同于指定请求参数；

callback:指服务器响应成功后的回调函数，该函数形如：function(data, statusText){...}函数，其中data表示服务器端的响应，statusText表示服务器端

响应类型的描述信息；type:表示服务器端响应的数据类型

(2)$.post(url, [data], [callback], [type]):用于向服务器端发送Post请求，用法与$.get()一样

(3)$.getJSON(url, [data], [callback]):与$.get()一样，只是默认指定type方式为json

(4)$.getScript(url, [callback])：与$.get()一样，只是默认指定type方式为script

这四个方法都比较相似：以$.getJSON(url, [data], [callback])方法示例代码

function startExam() { //这里通过ajax进行交互

$.getJSON("../adminPath/startExamAction.action",

{

sendTime:(new Date()).getTime()

},

function(json) { if (json.success == true) { //alert(json.responseMsg);

$("#rightContent").load("../adminPath/settingExam.action",

{

sendTime: (new Date()).getTime(),

pid: json.pid,

tskid: json.tskid,

examId: 0

});

} else {

alert("\u64cd\u4f5c\u5931\u8d25\uff01");

}

});

}