面试题目100及最佳答案

Posted 2023-04-15

参考技术A

面试题目100及最佳答案

　　你知道面试题目100及最佳答案吗？在现实的学习、工作中，我们会经常接触并使用试题，借助试题可以为主办方提供考生某方面的知识或技能状况的信息。你知道什么样的试题才是好试题吗？下面是我为大家收集的面试题目100及最佳答案，供大家参考借鉴，希望可以帮助到有需要的朋友。

　　面试题目100及最佳答案1

　　 工作动机与个人愿望

　　1、问题：你现在最感兴趣的是什么?

　　回答：做个人网站，练习口语，但越做越感到自己知识欠缺。

　　点评：可以简述你的兴趣，及这个兴趣带给你个性或能力的正面效果。

　　问题：你认为这份工作最重要的是什么?

　　回答：最重要的是对自己的挑战和提升。

　　点评：对工作要加上自己的看法。

　　问题：你是否可以接受加班?

　　回答：我愿意接受挑战。在自己责任范围内的工作，不能算是加班。

　　点评：这是面试者针对应聘者的工作热忱而提的问题，因无理的加班不一定是好的。

　　问题：请问你有什么样的工作观?

　　回答：我认为工作是为了实现自己的人生价值，发挥自己的潜能，解决自己的生活问题。

　　点评：此话是问工作在你的生活中意味着什么?为何而工作?从工作中得到了什么?几年后想变成怎样等。因此，别把它想得太复杂，可根据自己的具体情况回答。单位

　　问题：在单位想做什么样的工作?

　　回答：现在想在某工作方面冲刺，将来则希望能在某方面努力等。朝自己想要的目标陈述即可。

　　点评：同时招聘很多职种的单位，最有可能问到这样的问题，这是判断应聘者个人的能力倾向。面试者如果不论职种都回答“可以”的话，反而会让人怀疑工作态度。如果这家单位只招聘一个职种，还是被问到这个问题时，是为了确认应聘者有无犹豫，应聘者只要清楚的叙述自己想做的事就可以了。

　　问题：你为何选择应聘我们单位?

　　回答：我对贵单位有一定的了解，特别对单位的XX经营理念，产品质量及员工培训比较看好。

　　点评：为了表明应聘原因及工作意愿，应聘者在回答时要了解单位状况，不要笼统回答因为自己将来有发展，更不要回答为了安定等答案。

　　问题：你在以前实习的单位从事什么样的工作?

　　回答：在具体说明对工作的理解程度和熟悉度时，回答要领有三个方面：担任的工作内容、职务、成绩三项。

　　点评：这个问题可以让单位知道面试者是否符合所要招聘的职位，以前在其他单位的职位是否重要，来判断应聘者的发展可能。

　　问题：你为什么要应聘我们单位?

　　回答：看了贵单位的要求，感到自己比较符合单位的招聘条件，另外，对贵单位也有些了解，自己若能有幸成为贵单位的一员，是能有助于自己能力的发挥与发展的。

　　点评：这样的回答，可显示出自己积极进取的态度。在谈论用人单位时，态度要诚恳、谦和。不论大单位或小单位，都有其优胜和劣势，应试者应视其实际情况，提出自己的见解，不要牵强附会，如果一味往对方脸上贴金，反而会令人反感。

　　问题：如果我能给你任何你想要的工作，你会选择什么?你真正想做的是什么工作?

　　回答：就是这份工作。

　　点评：你可能觉得这是个怪问题，事实上常有这样的问题。这个问题是假设每个人都有未实现的梦想，都不能做他真正想做的事，亦即或多或少每个人都在妥协。若你真的谈了你的梦想，而他只会为圆你梦想的梦，而不录用你。因此，你确实要这份工作，那么答案只有一个。

　　问题：我怎样相信对这个职位你是的人选呢?

　　回答：根据这个职位的性质和我们刚才的谈话，我推断你需要的是工作积极的人，能够设定目标，不惧怕挑战的人。我就具有这些品质，让我再告诉你一些我在校时的经历，它们能说明我确实是你所需要的的人选。

　　点评：设身处地替面试官想一想，考虑一下招聘者需要什么样的人，你又在哪些方面符合他们的要求。根据要求，谈出自己应聘的优势。

　　问题：你愿意被外派工作吗?你愿意经常出差吗?

　　回答：愿意，反正我无牵无挂，到哪儿工作都可以。

　　点评：这是主试者通过提问来透露他要找的是什么样的人，此信息已经很明白地告诉你，他所期待的回答是什么。对于此类问题应聘者留意倾听。从“话中之话”中找出应试者实际需要的线索。

　　问题：如果本单位录用你，你最希望在哪个部门工作?

　　回答：

　　忌：“到哪个部门都行”

　　应：“本人希望 到XX部门，但也很乐意接受单位的其他安排。

　　点评：不要说得太随意，太肯定。比较稳妥的办法是首先表明自己的志向和兴趣，再表示服从安排。

　　问题：你为什么希望到我们单位工作?

　　回答：我觉得贵单位力量雄厚，领导得力，上下一心，适于一切有才干的人发展。

　　忌：“我是学电子的，我到这里才是专业对口。”看情况而定。

　　“我来这里上班离家近。”

　　“我喜欢你们这儿。”

　　“听说你们单位月薪较高。”

　　点评：回答问题要从对方入题，引起对方好感，使对方感到你能尊重，关心单位的需要，愿为单位尽微薄之力。

　　回答：我对贵单位还没什么了解，故谈不出看法

　　点评：象这样的回答，一般面试不成功多，如你很想进入该单位，就不妨实地去单位“侦察”一番，或收集有关的资料。如有一位毕业生，他有意去国家进出口银行工作，便通过朋友的关系弄到了一本进出口银行的基本业务材料，从而在面试中对答如流，赢得了招聘单位的赏识。并能以自身的优势来说明为何应聘这工作，做到有的防矢，给主考官留下了深刻的印象。因此，收集资料，了解单位，可以帮助求职者认清主要方向，更精确，更客观地审视主聘单位，选择适合自己发展的单位，避免走弯路。

　　问题：你认为对你来说现在找一份工作是不是不太容易，或者你很需要这份工作?

　　回答：

　　1.是的。

　　2.我看不见得。

　　点评：

　　一般按1回答，一切便大功告成。

　　有些同学为了显示自己的“不卑不亢“，强调个人尊严，故按2回答。结果，用人单位打消了录用该生的念头，理由是：“此人比较傲“一句话，断送了该生一次较好的就业机会。

　　问题：请谈一下你对公司的看法，为什么你想来公司工作?

　　回答：可根据你先前对该单位的情报收集，叙述一下你对单位的了解。适当的对单位的声誉、产品和发展情况予以赞美。还可以提提你为了了解单位的情况所做的努力然后就说你非常喜欢这个工作，而且你的能力也非常适合并能胜任这份工作。

　　点评：此问目的测试一下你对单位的了解和喜欢的程度，看看你的能力是否符合单位的要求和方向。看看你是真正地愿意为单位效力，还是仅仅冲着单位的福利、声望和工作的稳定。

　　问题：你在以前实习的单位从事什么样的工作?

　　回答：在具体说明对工作的理解程度和熟悉度时，回答要领有三个方面：担任的工作内容、职务、成绩三项。

　　点评：这个问题可以让单位知道面试者是否符合所要招聘的职位，以前在其他单位的职位是否重要，来判断应聘者的发展可能。

　　问题：你为什么要应聘我们单位?

　　回答：看了贵单位的广告及要求，感到自己比较符合单位的招聘条件，另外，对贵单位也有些了解，自己若能有幸成为贵单位的一员，是能有助于自己能力的发挥与发展的。

　　点评：这样的回答，可显示出自己积极进取的态度。在谈论用人单位时，态度要诚恳、谦和。不论大单位或小单位，都有其优胜和劣势，应试者应视其实际情况，提出自己的见解，不要牵强附会，如果一味往对方脸上贴金，反而会令人反感。

　　问题：你希望从事什么样的工作?

　　回答：根据贵单位的招聘职位，我认为**职位可能比较适合我，有利于我的能力的发挥。当然，其他有些职位也是可做的，人贵在学习。

　　点评：应试者可以应聘的职位作出大致的设想，让主试人了解自己的抱负与努力方向。由于每个单位都有自己的人事政策，其工作安排未必能完全与求职者的愿望相一致，尤其对一个初出茅庐的大学生来说，从基层做起，从小事做起也是应该的。但是，又不能随便回答：“到哪里工作都可以。”这让人觉得像在“乞讨工作”，被人看轻。所以要掌握分寸。

　　问题：我们不限定固定职位，你认为自己最适合做什么?

　　回答：

　　忌：“单位安排我做什么就做什么!”太随意。

　　“理想的职位就是有机会让我一展专长，为单位的发展贡献自己的学识。”太空。

　　应：我学的是XX专业，我认为XX职位比较适合我。

　　点评：主试者问你问题，就是想要一个明确的答案，且明确的回答给人以有思想、有主见、有活力的印象。象上面的回答，是犯了一个错误，然而几乎每个人都会犯同样的错误，他们总是说自己干什么都可以。因此，回答这样的问题，干脆用自己的心里话表白，实事求是，至少让主试者听起来感到舒服些。

　　问题：你家在外地，我们单位无住宿，你如何看待呢?

　　回答：家在外地，贵单位无住宿条件，这些都不影响我来应聘贵单位，住宿我可以自己解决，无须单位操心，我看重贵单位的发展前途。

　　点评：不要因为个人生活上的小问题，而错失良机。主试者也想看看你对困难的看法，自信心程度。

　　问题：你谈谈选择这份工作的动机?

　　回答：“这个职位刚好是我的专业对口，能把学的书本知识在实践中更好地应用。”

　　“我虽然学的专业与这职位有区别，但我对这方面的能力较强，相信自己能干好这份工作。

　　点评：这是测试面试者对这份工作的理解程度及热忱，并筛选因一时兴起而来应聘的人。

　　问题：你对单位有何印象?

　　回答：感觉很好，在其他单位没有这样的感受。

　　点评：或者说出面试当天的印象就可以了，因为还没有正式进入单位上班，所以主试者也不会太过刁难。

　　问题：你对我们单位有多少了解?

　　回答：

　　1.完全不了解。

　　2.因为对贵单位有关方面相当有兴趣,所以才来应聘.

　　点评：若回答1.那就没有必要再说下去了，但录用的机会也就小了。的回答是2，这是单位想测试应聘者对单位的兴趣，关注程度，以后进单位工作的意愿的问题，因此，要稍稍记住单位的简介内容和招聘人事广告内容。

　　问题：为什么你还没有找到工作?

　　回答：我正在谨慎选择我的工作，本来我可以选择别的工作的\'，可是那些工作和现在这一个不同，我实在看不出它们会对我的事业进展有帮助。

　　点评：如果你真的拒绝了其他人的录取，那是再好不过了，如果其他单位都没有录取你，哪也不一定有问题。别人不能只因为你现在没有工作，就断定都没有人录取你，不要给人这样的错觉。

　　问题：如果我能给你任何你想要的工作，你会选择什么?你真正想做的是什么工作?

　　回答：就是这份工作。

　　点评：你可能觉得这是个怪问题，事实上常有这样的问题。这个问题是假设每个人都有未实现的梦想，都不能做他真正想做的事，亦即或多或少每个人都在妥协。若你真的谈了你的梦想，而他只会为圆你梦想的梦，而不录用你。因此，你确实要这份工作，那么答案只有一个。

　　问题：我怎样相信对这个职位你是的人选呢?

　　回答：根据这个职位的性质和我们刚才的谈话，我推断你需要的是工作积极的人，能够设定目标，不惧怕挑战的人。我就具有这些品质，让我再告诉你一些我在校时的经历，它们能说明我确实是你所需要的的人选。

　　点评：设身处地替面试官想一想，考虑一下招聘者需要什么样的人，你又在哪些方面符合他们的要求。根据要求，谈出自己应聘的优势。

　　问题：你愿意被外派工作吗?你愿意经常出差吗?

　　回答：愿意，反正我无牵无挂，到哪儿工作都可以。

　　点评：这是主试者通过提问来透露他要找的是什么样的人，此信息已经很明白地告诉你，他所期待的回答是什么。对于此类问题应聘者留意倾听。从“话中之话”中找出应试者实际需要的线索。

　　面试题目100及最佳答案2

　　兴趣、学业、优点、缺点

　　问题：你在大学里的学习成绩不敢恭维，你如何解释呢?

　　回答：是的，我的学习成绩不是很理想，即学习分数不是很高，但我注重实践能力的锻炼，我已经实习过好几家单位，他们对我反映都不错。

　　点评：这类问题往往是一种“压迫法”的面试技巧，主试者故意提出应试者的弱点，令其尴尬，看他在压力之下怎样反应。故提到的弱点，不是问题关键所在。因此，应试者应沉着应付，想办法扭转劣势，表现出自己的急才与修养。

　　问题：你的好朋友怎样形容你?

　　回答：他们说我开朗大方，对朋友的困难会尽力帮助，很有号召力，但有时不拘小节。

　　点评：这类问题是你表现自己的机会，不要错过。因此也最需要预先准备，否则你可能不知道从何说起，往往要想一会儿才答，或者随便回答，这两种情形都不会争取到好印象。

　　问题：请你说说在以前的工作上成功与失败的地方?

　　回答：

　　在里，我成功地组织了一次“创业与知识”的主题讨论会，得到了老师与同学的肯定，在组织中碰到了不少问题，但使我感到做任何事情，只要有信心，困难都会迎刃而解的。

　　在班级里，曾组织过一次活动，原来想活动肯定有意义，但实际上参加的人不多，活动是失败的，事后了解，有些同学对此活动不感兴趣。主观上找了原因，是和同学沟通不够，使我在以后工作中注意了凡事多与同学商量。

　　点评：成功的地方可举出目前为止的实绩，来强调对经历的自信，也可以叙述工作所带来的乐趣;失败经验可以说曾经遇到的业务或人际障碍，也可以将如何克服失败的经验说出来，并说出由失败中所得到的教训。

　　问题：你所取得的成就是什么?

　　回答：从你过去或目前的相关工作中，找出具体的实例来加以说明。如为了举办校园歌手比赛，成功地联系了一家单位作为赞助商，使比赛开展的很成功，或大三开始，自己边学习，边工作，勤工助学，生活不依靠父母，完全自立等等。

　　点评：进一步了解你的能力和背景，你要有备而去，想些可能成就比较小，但和他们的需求比较相关的一件成就来叙述。

　　问题：你认为自己的缺点是什么?

　　回答：我认为自己的长处是能够热衷于某件事情，并且始终乐此不疲，能够专心致志直到完成。从某方面来讲，这也是我的短处，有时过分热衷于某件事，有时对一些事的看法可能会有失偏颇。其实我也了解自己的这一点，因此，今后会经常反思和检讨的。

　　点评：

　　这个问题也是较难回答的，它考察你的应变能力的成分多于问题答案的本身。

　　一个人的的缺点可能对你的家人和朋友来讲更清楚一些，自己可能有时会意识不到，所谓不识庐山真面目，只缘身在此山中。但是对一个大学生来说，应该能够意识到自己性格中的缺点。聘方知道你的优缺点就可以知道你是否能够适合某个职位。

　　问题：请谈谈你的优点。

　　回答：我非常喜欢和善于学习新东西，在工作中有责任心，真诚，有热情，有灵活性，能够合理地安排时间使工作有条理、有效率，能够在紧张压力下工作等等。

　　点评：以上回答要有具体实例来证明你的说法。优点除了你的工作技能、具有的各类证书和实践经验外，主试者要想听的优点不见得是你最突出的优点，而应该是和你应聘的那份工作相关的优点，从中找出雇佣你的理由，同时可以知道你对自己的了解程度，看看你对自己有没有自信，以及你到底适合不适合这份工作。因此，你要精确地描述，不可泛泛说些无意义的话，例如，适应力强，具有幽默感，合群等等。

　　问题：请谈一谈你的弱点。

　　回答：

　　我是一个完美主义者，总是追求事物完美无缺。

　　我对准时要求得非常严格。

　　我从不轻易放弃，以至有些固执。

　　我喜欢独立工作，而不喜欢主管领导在我的工作中安排一切。

　　点评：一般的策略是说出一些表面上是弱点，实际上却是优点的特征。当你在叙述个人弱点时，要能够说出过去的具体相关事例，来说明你的观点。这点非常重要。当然，你也可以说一个你明显的缺点，然后举出例子说明你是怎样克服这个缺点的。此问是主试者看看你是不是由于缺少某种经验、训练，甚至由于某些性格弱点而不能胜任工作。

　　问题：你的学习成绩如何?

　　回答：

　　“较好。”

　　“一般。”我在里除课堂上学习的知识外，比较喜欢扩充自己的其他方面的知识，对XX类的书也看了不少。

　　点评：对自己的学习成绩一定要如实回答。如果成绩优秀，应该用平和的口气，实事求是地介绍，决不可自我炫耀，让人觉得轻浮;如果成绩不好则应说明理由，或者哪门课程不好，隐瞒或欺骗，只会暴露自己的不良品行。总之，应表现出对学习的态度是认真的，努力的，对成绩又看得比较客观。这样即使你的成绩不太理想，主试人的反应也不会太强烈。

Web前端面试题目及答案汇总

很多朋友在进行wbe前端工程师（http://www.maiziedu.com/course/web-px/）面试时，会遇到各种各样的面试题，有些面试题又无法当场给出答案，只能回家在对web前端知识进行整理以及总结经验，巩固web前端知识，下面就整理了一份自己面试web前端的问题及答案。如有错误或更好的答案，欢迎指正。

HTML/CSS部分

1、什么是盒子模型？

在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

2、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

行内元素：a、b、span、img、input、strong、select、label、em、button、textarea

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img

3、CSS实现垂直水平居中

一道经典的问题，实现方法有很多种，以下是其中一种实现：

HTML结构：

<div class="wrapper">

     <div class="content"></div>

</div>

CSS：

.wrapper{position:relative;}

.content{

background-color:#6699FF;

width:200px;

height:200px;

position: absolute;        //父元素需要相对定位

top: 50%;

left: 50%;

margin-top:-100px ;   //二分之一的height，width

margin-left: -100px;

}

4、简述一下src与href的区别

href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。

src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

5、什么是CSS Hack?

一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。

IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack。例如：

// 1、条件Hack

<!--[if IE]>

  <style>

.test{color:red;}

  </style>

<![endif]-->

// 2、属性Hack

.test{

color:#090\9; /* For IE8+ */

*color:#f00;  /* For IE7 and earlier */

_color:#ff0;  /* For IE6 and earlier */

}

// 3、选择符Hack

* html .test{color:#090;}       /* For IE6 and earlier */

* + html .test{color:#ff0;}     /* For IE7 */

6、简述同步和异步的区别

同步是阻塞模式，异步是非阻塞模式。

同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；

异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

7、px和em的区别

px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。

浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em

8、什么叫优雅降级和渐进增强？

渐进增强 progressive enhancement：
针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation：
一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

区别：

a. 优雅降级是从复杂的现状开始，并试图减少用户体验的供给

b. 渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要

c. 降级（功能衰减）意味着往回看；而渐进增强则意味着朝前看，同时保证其根基处于安全地带

9、浏览器的内核分别是什么?

IE: trident内核

Firefox：gecko内核

Safari：webkit内核

Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核

Chrome：Blink(基于webkit，Google与Opera Software共同开发)

JavaScript部分

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

1）创建新节点

createDocumentFragment() //创建一个DOM片段

createElement() //创建一个具体的元素

createTextNode() //创建一个文本节点

2）添加、移除、替换、插入

appendChild() //添加

removeChild() //移除

replaceChild() //替换

insertBefore() //插入

3）查找

getElementsByTagName() //通过标签名称

getElementsByName() //通过元素的Name属性的值

getElementById() //通过元素Id，唯一性

2、实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。

/**

 * 对象克隆

 * 支持基本数据类型及对象

 * 递归方法

 */

function clone(obj) {

    var o;

    switch (typeof obj) {

        case "undefined":

            break;

        case "string":

            o = obj + "";

            break;

        case "number":

            o = obj - 0;

            break;

        case "boolean":

            o = obj;

            break;

        case "object": // object 分为两种情况 对象（Object）或数组（Array）

            if (obj === null) {

                o = null;

            } else {

                if (Object.prototype.toString.call(obj).slice(8, -1) === "Array") {

                    o = [];

                    for (var i = 0; i < obj.length; i++) {

                        o.push(clone(obj[i]));

                    }

                } else {

                    o = {};

                    for (var k in obj) {

                        o[k] = clone(obj[k]);

                    }

                }

            }

            break;

        default:

            o = obj;

            break;

    }

    return o;

}

3、如何消除一个数组里面重复的元素？

// 方法一：

var arr1 =[1,2,2,2,3,3,3,4,5,6],

    arr2 = [];

for(var i = 0,len = arr1.length; i< len; i++){

    if(arr2.indexOf(arr1[i]) < 0){

        arr2.push(arr1[i]);

    }

}

document.write(arr2); // 1,2,3,4,5,6

4、想实现一个对页面某个节点的拖曳？如何做？（使用原生JS）。

5、在Javascript中什么是伪数组？如何将伪数组转化为标准数组？

伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。

function log(){

      var args = Array.prototype.slice.call(arguments);  

//为了使用unshift数组方法，将argument转化为真正的数组

      args.unshift(‘(app)‘);

 

      console.log.apply(console, args);

};

6、Javascript中callee和caller的作用？

caller是返回一个对函数的引用，该函数调用了当前函数；

callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

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

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

web storage和cookie的区别

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。

除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

8、手写数组快速排序

关于快排算法的详细说明，可以参考阮一峰老师的文章快速排序

“快速排序”的思想很简单，整个排序过程只需要三步：

（1）在数据集之中，选择一个元素作为”基准”（pivot）。
（2）所有小于”基准”的元素，都移到”基准”的左边；所有大于”基准”的元素，都移到”基准”的右边。
（3）对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。

9、统计字符串”aaaabbbccccddfgh”中字母个数或统计最多字母数。

var str = "aaaabbbccccddfgh";

var obj  = {};

for(var i=0;i<str.length;i++){

    var v = str.charAt(i);

    if(obj[v] && obj[v].value == v){

        obj[v].count = ++ obj[v].count;

    }else{

        obj[v] = {};

        obj[v].count = 1;

        obj[v].value = v;

    }

}

for(key in obj){

    document.write(obj[key].value +‘=‘+obj[key].count+‘ ‘); // a=4  b=3  c=4  d=2  f=1  g=1  h=1 

}

10、写一个function，清除字符串前后的空格。（兼容所有浏览器）

function trim(str) {

    if (str && typeof str === "string") {

        return str.replace(/(^\s*)|(\s*)$/g,""); //去除前后空白符

    }

}

其他

1、一次完整的HTTP事务是怎样的一个过程？

基本流程：

a. 域名解析

b. 发起TCP的3次握手

c. 建立TCP连接后发起http请求

d. 服务器端响应http请求，浏览器得到html代码

e. 浏览器解析html代码，并请求html代码中的资源

f. 浏览器对页面进行渲染呈现给用户

2、对前端工程师这个职位你是怎么样理解的？

a. 前端是最贴近用户的程序员，前端的能力就是能让产品从 90分进化到 100 分，甚至更好

b. 参与项目，快速高质量完成实现效果图，精确到1px；

c. 与团队成员，UI设计，产品经理的沟通；

d. 做好的页面结构，页面重构和用户体验；

e. 处理hack，兼容、写出优美的代码格式；

f. 针对服务器的优化、拥抱最新前端技术。