校招开篇第一次面试——打响校招的第一枪（一）

前言：

怎么感觉这个名字这么中二。。。好吧，主要是莫名觉得很燃所以中二就中二吧~ 说说这家公司的情况，2015年成立的创业公司，公司现在是15人（所有人员），腾讯T3，T4的大牛们出来自己创业的，还有最重要的就是HR姐姐的声音超好听的！！！耳朵要怀孕了！！！所以二面被刷最遗憾的就是不能HR面，不能再听到HR姐姐的声音了，悲伤那么大T_T那么接下来就总结下我面试到的题目，以及大概的解题思路

正文：

一面的问题

1.简单做个自我介绍

思路：基本个人信息+应聘职位+职位相关技能+实践（项目经历或实习经历）

2.为什么选择前端

思路：结合自身经历+答题套路+运气（如果你说的理由打动到面试官自然会有好感度加成，这个没办法，完全靠运气，当然如果你是套路达人中标的机会更多）

3.简单说说你的项目经历

思路：这个我回答的时候答得不好，面试官哥哥算是让我自己巴拉巴拉说了一堆废话以后找了我话里面的重点来问，之后我自己做总结的时候有发现其实当时大部分说的都是废话，而说废话就等于浪费时间，浪费时间就等于扼杀生命，细思极恐

　　而真正该说的是：实现什么功能+运用什么技术实现的+从中得到的经验（即总结），言简意赅但是思路清晰有加分，比巴拉说一堆要好，毕竟这些做技术的功底肯定比大多数面试者的经验都丰富很多，只要你答在点子上面，他们不会不懂具体的内容，而你所说的点，也就可以让他们更好的判断你的技术水平在什么线上。当然，之前也有遇到问具体实现的，这个也不要巴拉巴拉说什么定义一个scrollImage函数，然后巴拉巴拉，要说的也是运用具体的语句点。

　　举个栗子，之前问到说图片轮播的具体实现（因为我说到做的项目的首页有图片轮播），重点说说(1)函数需要传入的参数（回答的点是：定义好函数后要怎么调用的问题）（2）获取image对象，改变其src达到切换图片的目的（点：如何实现图片切换的）（3）设置setInterval实现图片自动切换（点：图片如何自动切换）这样回答大概说得再详细也就5分钟左右，而且已经把整个实现的过程已经说清楚了，思路清晰，也让面试官直观的感受到了你逻辑思维这个能力上是没有问题的，顺便也会觉得你的总结能力也不错。

4.该项目移动端的实现

思路：这个因为我个人的原因，项目经历基本是PC端开发的，所以就委婉的表达说我没有移动端开发。但是就算委婉也要明确表达，免得面试官换了个问题，继续问移动端，结果会让他觉得你说话拖泥带水，而且多问几个你回答不上来的问题，对于面试者自身的心态也会有影响。

5.你是否有参与该项目的网站设计

思路：有就说有，然后说说参与的部分，没有就没有，但也可以说说你觉得网站设计你个人很喜欢的部分。

6.网站优化你有了解过吗？

思路：其实网站优化我有做过，但是当时确实没有网站优化这个概念（也就是说，当时并不知道我做的这些事是属于网站优化的部分）所以答的不算好，随口说了几个，就又过了，之后总结的时候在网上找了找文章来看，结合自己用到过的部分，总结以下9点，单纯的应付面试应该够了。但是其中的原理要搞懂哦，因为面试官有可能就在里面某点又继续问下去。

　　（1）减少http请求 　　（2） 减少reflow（重绘） 　　（3）减少对DOM树的操作  　　（4）使用JSON传递数据　　（5）高效使用html标签和css样式

　　（6）把js引用文件放在body内容的尾部　　（7）精简压缩css js文件　　（8）压缩图片或使用sprite技术　　（9）控制cookie大小

7.为什么选用这个框架？（说到开发项目时，选用了jquery和bootstrap）

思路：这个也是开放题目，我回答主要是两点：（1）内部技术人员都会使用（比起重新学习一个框架，这样的开发效率显然更高）　　（2）之前接外包项目时，用户的反响很好

　　  这个问题我觉得还可以答的更好，毕竟这种属于软实力的问题，自由空间发挥大，有加分的可能也会更高（毕竟技术问题属于，会就会，不会就不会，编也编不出来），之后可以再细想组织组织语言

8.bootstrap框架中的栅格布局是怎么实现的？思路：栅格布局是响应式12列布局，它主要有三个相关类：container，row，col-。container为最外层类，然后是row，col-。container有一个15px的padding，row有一个-15px的margin。两个相互抵消后，col-有一个15px的padding，这样就显示为每个列中间总有一定的间隔，从而实现了栅格式布局。

9.css布局的样式有哪几种？各有什么特点？

思路：这题开始我答的是圣杯布局，Flex，然后被面试官打断说，不是这个，是像float这样的。然后就说了float和position，简述了两者的区别，具体不详述了，在网上有很多文章，不太清楚的孩子可以　　  去网上搜来看看，这个问题很可能考。然后面试官一直说，还有呢？我就懵了一下，沉默了几秒，有点尴尬了，灵光一闪，说还有fixed。然后又巴拉巴拉一堆，觉得自己好机智啊，然后面试官说，还　　  有没有？呃，我又沉默了。面试官就说没事，换下一个问题。后来总结的时候才反应过来，position说的时候已经包含了fixed，而面试官一再要我说的是display这个小妖精。完全没有想到，又是一　　　个恍掉的知识点。所以刷书真的很重要啊。

10.异步验证是怎么实现的？（因为项目中要填写表单，所以在用户填写字段时，可能出错或者填写正确也应该又异步验证，反馈提示给用户）

思路：用到正则表达式检验输入的字符符不符合规定。也可能是传递给后台，这就要用到ajax。

11.说说数据请求的方式，还有ajax的实现原理。

思路：数据请求最常用的就是耳熟能详的get和post。ajax实现原理主要是一个重要的XMLHttpRequest对象，然后就是它的onreadystatechange，open，send方法，这个其实很简单的，下决心一定要把它看懂，花不了多少功夫但是很有成效，很常考，反正我被问到过4次了。

12.简单说说get和post的区别

思路：我第一次被问到这个问题的时候，天真的回答说，get就是获取数据，post是传递或者获取数据。然后面试官问，就这样？那个语气之无语我现在还记得。安啦，总归有小白的时候，只要之后确实学　　  到东西也是一种获得啦。主要的区别为以下5点：

　　　（1）就是上面说的，get获取数据，post获取或者传递数据。

　　　（2）get传递参数的方式是在url后面加？再加键值对　　post传递参数的方式是随http实体内容传递

　　   （3）get传递的参数大小远小于post，为2kb左右　　　post理论上是没有限制的

　　　（4）get传递的参数会在浏览器缓存　　　　　　　　　 post不会

　　　（5）get和post在后台获取时，使用的方法不同。（这点有点小白，可说可不说）

13.说说事件冒泡和事件代理

思路：事件冒泡也是重点知识点，被考到过3次。主要就是addEventListener函数，当然还有ie的attchEvent。说函数的话，主要就是说说它实现的功能，然后解释解释传递的参数的意义就差不多了。　　至于事件代理，我当时自大的没听清，听到了冒泡以为问的是捕获，然后说了两者的区别，面试官就又问了说事件代理的原理。我就又懵了，后来总结的时候看js书，又是一个知道但是恍过去的知识　　　点，所以啊，认真刷书啊。血的教训。

14.音乐播放器的歌词滚动实现（因为我自己做过一个音乐播放器的demo，就问到其中歌词滚动的实现）

思路：如果感兴趣的小伙伴可以留邮箱给我，我发代码自己去看看就知道了。

15.主要学习的途径

思路：因为学校没有开前端课程，所以前端是属于自学的，我就简单说说我学习过程常用的几个网站。除了网上学习，刷书也是很重要的一部分，尤其是当你自己感觉知识点的量累计到一定的量之后，去刷　　  书很可能就帮助你从量变到质变。个人感受是这样的。尤其是对于准备面试的小伙伴而言，刷书也是很重要的一块，很多知识点不是不知，而是忽略了。所以才答不上来。不过没关系，刷书之后会有　　　效的解决很大一部分问题的。

　　（1）慕课网　　最最最开始的时候，就是在慕课网上面看视频，老实说对于入门级来说是很棒的网站，毕竟代码本身真的挺枯燥的，要是在w3c上面看一下午的文字，估计是看5分钟，玩手机2小时，　　　　　　　　　  而慕课大部分是视频教学，要不然就是一小节一个知识点，感觉要轻松愉快很多

　　（2）w3cschool 　　毕竟是属于字典型的网站，常去看看总会有收获

　　（3）菜鸟教程　　这个和w3c很像，但是翻译还有页面做得更好一些，所以也会在上面先去看看基础入门的重点知识

　　（4）博客园　　看大牛们的博客也是很棒的学习途径，别人总结的知识很可能就会一下点醒你，然后就爆发洪荒之力了。当然除了博客园，CSDN也是很优秀的博客网站。

16.为何想来深圳实习？（该公司在深圳）

思路：没啥思路，有事儿说事儿，反正别说就是随便投的就行，给个像样的理由总不会被扣印象分的。不过在此，还是给深圳撒嘛表个白，感觉深圳是很不错的城市，希望有机会去工作生活。

 

后话：

问题基本回答上的，没有完全miss掉的，但是因为是校招的第一场，状态并不很优良，语速偏快，而因为语速偏快就可能说错的地方多，从而卡顿的地方也多，显得不流畅。而问题设计的方面很基础，并没有挖得很深，也没有问到框架源码，所以总体表现还是中等偏上的。当时估计能进二面，后来没过多久就接到电话约二面，所以还是很开心的，觉得是个很好的经历，让我在校招全面开始以前有一次很不错的热身。同时也是对于我在暑假恶补前端知识的一次肯定，之后更二面的内容，就没有这么乐观了。但是要我说，我一样非常非常感谢二面的面试官问了我这么多算法和基础技术的问题，让我又能够进一步完善自己，相信我在校招会有更好的表现，接着更二面面经去啦~还感兴趣的小伙伴要继续关注我哦~