十天前，我还在纠结这个暑假到底是呆在实验室研究技术好还是找一份实习见识世面好，而现在我已经接到offer准备工作了。这几天真是累得够呛，一方面需要拼命准备期末考试，另一方面，需要往公司里面跑接受面试。欣慰的是，我不仅顺利通过了公司的面试，还认识了好几个厉害的师兄，自己的人生规划也稍有改变。

　　开始的纠结是有原因的，主要是考虑到了一下几个方面：

  • 第一，作为一个大二的学生有必要这么着急跑出去找实习么？
  • 第二，去找实习主要目的应该是赚钱还是学习技术？
  • 第三，难得有那么两个月的时间，就这样去工作了会不会浪费时间？
  • 第四，我才大二，别人会要我么？

　　带着这些疑问，我在一个招聘网站上面投了好几份我的简历，大概是五份左右，有三家公司回应了我。三家公司当中两个比较蛋疼，一个直接狂问我高级知识，把我问倒了，最后发现面试官其实是IT公司里面的一个员工私下做项目找人的；一个问我是不是找暑假工！！我瞬间惊呆。最后选择了一个中大师兄的招聘。但是情况同样很蛋疼，在我和我要去面试的公司之间，还有一个中介者--外包公司。外包公司把我推荐给我要面试的公司，身份是一个有着三年工作经验的前端工程师，我要去的公司认为我是外包公司推荐来的毕业几年的老工程师。于是承担着计组可能会挂科的风险，在25号随同几位大学城的几位同学一同踏上了面试之路。

　　面试的地点在农讲所地铁站附近的东照大厦，刚到楼下的时候，我以为只有六七层，结果进了电梯之后发现最高层是32层，突然觉得这公司上了一个档次。一行人来到了公司所在的27楼，准备接受残酷的面试。公司并没有我想的那么高级，在一间比较大的房间里面，密密麻麻做了几十个人（设备真的不咋地），要不是这办公室在这么高级的写字楼，我还真的以为到了生产车间。一个应该是负责人的叔叔见到了我们，很开心，然后叫了两个他的手下，给我们几个人面试。

　　值得一提的是，在到楼下的时候，我们才知道需要机试，也就是做几道前端笔试题，无形间压力又增大了一点。面试我的是一个大概三十岁的大叔，且不论他是不是技术大牛，光看年龄，就觉得这家伙会为难我。他先随便问了我所做过的几个项目，还好在我的简历上面的除了年龄不是真实的之外，其他都是真实内容，所以项目方面我还是侃的津津乐道的。接下来，就开始问我一些比较细节的问题。其实我也搞不懂是不是我回答的比较熟练的问题，去的几个人之中，问我问的最少，就是问了一些浏览器兼容，javascript原型继承，css hack之类的问题，咱也不是盖的，这些个问题还是能够比较轻松回答的。接下来，就是机试了，我以为他会为难我出一些很蛋疼的兼容性问题，结果只是要我做一个简单的效果，下面会附上题目和代码。

　　在具体回答上面几个疑问之前，还需要提及整个面试过程中都存在的一个人物--Jason，是中山大学软件学院的师兄，他的角色就是外包公司。这里面的关系可能有点复杂。首先，国内某知名银行找到了我面试的公司做一个项目，我面试的公司找到了Jason的公司，让他们推荐人帮忙做项目，Jason找到了我。很显然我是最大的受害者，因为这样的四角关系意味着我的收入会和食物链一样，越到后面，利润越少，不过这都不是重点，重点应该是，我这两天学到的。

　　在面试完的那天晚上，Jason打电话给我，说我表现的很好，可以准备上班了，不过面试的几个人有两三个不符合要求，被刷了。接下来他说，找人就应该找我这样靠谱的，今天就我表现最好了，面试官都觉得我有水平。听完之后，我心里还是非常非常得意的。这里的非常非常一点也不夸张。从大一开始了解web，大二开始疯狂学习，平时能做的就是尽量参加项目和在实验室钻研技术，没有人具体知道你做什么，自己也不知道自己算是什么样的角色。当突然有一天，你怀揣着自己觉得少的可怜的前端知识作为一名求职者而不是实习者的身份面试却得到师兄和面试官在各方面的赞赏的时候，就会感到一切的一切都是值得的。接下来的两天时间里，又和Jason聊了不少，他说在大二暑假就出来见识是正确的，学校里面你技术再牛，你也不知道出来之后社会真正需要什么，就算你在暗无天日的实验室做出了惊世骇俗的APP，你也没有积累到真正有用的人脉和良好的沟通能力；如果你混得足够出色，就不应该在磕在代码上面一辈子。

　　他简单的一席话还是令我挺有感触的，瞬间消除了我开始的疑惑。第一，大二暑假虽然只是大学时光的一个中间点，但是为了在大三的时候进入想阿里巴巴这样的大公司，少不了在小公司面试的经验，除非你足够屌炸天；第二和第三，这一份工作对我来说不是太难，但是会让我见识到企业级产品的开发流程，完全不是浪费时间；第四，只要你有技术，不管你是研究生还是大一刚结束，技术面前人人平等。

　　我个人比较有灾难意识，我觉得跟着学校的节奏去学习技术，第一我没兴趣学得很累，第二我觉得学校的课程会让我个人在大三的时候无法自信得坐在阿里巴巴百度腾讯等公司的面试官之前。中国每年都有几百万的毕业生，好的公司这么少，你凭什么在几百万人中脱颖而出，公司又凭什么在有那么多人可选的情况下选中无知的你？我觉得最好的办法就是让自己足够屌，你可以去考研，但是对我来说那样会浪费很多时间，我也不喜欢呆在学校给老师打工。我清醒的意识到，如果我现在天天在宿舍玩游戏，天天看电视剧，那么明年这个时候，我得到的就是我理想的大公司的拒绝。所以我希望我现在所做的或者看到这篇文章的你目前所做的都是正确的，获取我们所做的不被大众认可，但是一切都看一年之后吧。加油吧，无知的你和我~

最后附上面试的题目和代码：

题目：在浏览器中显示一个有颜色的框框，用javascript实现这个框框在浏览器的横向和纵向居中，在这个框框中间，另外添加一个小的另外一种颜色框框和一个按钮，单击这个按钮，隐藏这个小框框，再次点击，显示这个小的框框。代码如下：

 <!DOCTYPE html>

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>面试题</title>

     <style type="text/css">

         #main {

             width: 300px;

             height: 300px;

             background-color: #deb887;

         }

         #box {

             width: 150px;

             height: 150px;

             background-color: #b8860b;

             margin: 0 auto;

         }

         #toggle {

             margin-left: 120px;

             margin-top: 50px;

         }

         .show {

             visibility: hidden;

         }

     </style>

     <script type="text/javascript">

         window.onload = function() {

             var pageWidth = window.innerWidth,

             pageHeight = window.innerHeight;

             if(typeof pageWidth != "number") {

                 if(document.compactMode == "CSS1Compact") {

                     pageWidth = document.documentElement.clientWidth;

                     pageHeight = document.documentElement.clientHeight;

                 } else {

                     pageWidth = document.body.clientWidth;

                     pageHeight = document.body.clientHeight;

                 }

             }

             function center(obj) {

                 obj.style.marginLeft = (pageWidth - obj.offsetWidth) / 2 + "px";

                 obj.style.marginTop = (pageHeight - obj.offsetHeight) / 2 + "px";

             }

             function toggle() {

                 var obj = document.getElementById("box");

                 if(obj.className == "") {

                     obj.className = "show";

                 } else {

                     obj.className = "";

                 }

             }

             var main = document.getElementById("main");

             var clickButton = document.getElementById("toggle");

             center(main);

             clickButton.onclick = toggle;

         }

     </script>

 </head>

 <body>

     <div id="main">

         <div id="box"></div>

         <button id="toggle">toggle</button>

     </div>

 </body>

 </html>

　　

web前端面试经历分享的更多相关文章

  1. 我的游戏蜗牛web前端面试经历

    蜗牛在江苏苏州地区应该算是比较大的互联网公司了,可以称得上中国游戏的鼻祖,之前一直很想进蜗牛,但作为一个应届毕业生却没有看到蜗牛发布任何关于招聘实习生的职位,无奈之下于是就毛遂自荐了,主动以邮件的形式 ...

  2. 百度Web前端面试经历

    今天面了百度的前端实习职位.一面.时间大概是50分钟.面试官是位很帅气的小伙子,非常友好的一个人.进门的时候他让我等一会,我瞄了一眼他的电脑屏幕,发现他在coding…… 9点50开始的面试. 面试官 ...

  3. web前端面试试题总结---html篇

    HTML Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器 ...

  4. web前端面试总结

    本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习.透彻学习,形成自己的知识链.万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的! 前端还是一个 ...

  5. Web前端面试笔试题总结

    最近一段时间要毕业了,忙着找工作,见过不少笔试面试题,自己总结了一些加上网上找的一些整合了一下.答案暂时都东拼西凑出来了,但是还是先不发出来,一方面是答案并不是唯一的并且自己的答案不能保证对,另一方面 ...

  6. 百度web前端面试2015.10.18

    邮件里通知的周日下午两点参加百度校招面试,我13:10分就到了,前台先让我拿了个面试资格单(上面是我的信息),然后在web前端面试入口排队,面试在百度食堂举行的,等了大概1个小时,放我去面试.都是一对 ...

  7. 2016年Web前端面试题目汇总

    转载: 2016年Web前端面试题目汇总 以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中未解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢 ...

  8. web前端面试试题总结---其他

    其他问题 原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy ...

  9. web前端面试试题总结---css篇

    CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型.W3C 盒子模型: (2)盒模型: 内容(content).填充(padding).边界(m ...

随机推荐

  1. SQL Server - 开窗函数

    -- 开窗函数:在结果集的基础上进一步处理(聚合操作) SELECT * FROM dbo.Student S# Sname Sage Ssex ---------- ---------- ----- ...

  2. Scala进阶之路-高级数据类型之数组的使用

    Scala进阶之路-高级数据类型之数组的使用 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.数组的初始化方式 1>.长度不可变数组Array 注意:顾名思义,长度不可变数 ...

  3. 学了display：flex垂直居中容易多了

    以前div内部的文字垂直居中,使用height = line-height,现在可以使用display:flex来实现了 .div{ display:flex; align-items:center; ...

  4. Docker学习笔记三 Dockerfile 指令 定制镜像

    本文地址:https://www.cnblogs.com/veinyin/p/10412079.html  镜像是分层存储的,每一层都是独立存在的,修改当前层并不会修改其依赖的上一层,删除某一层也只是 ...

  5. 【转】用CornerStone配置SVN，HTTP及svn简单使用说明

    已经安装了的小伙伴请直接看三步骤 一.下载地址 CornerStoneV2.6:http://pan.baidu.com/s/1qWEsEbM密码:www.macx.cn 二.安装破解方法 1.安装之 ...

  6. iOS必学技－cocoapods

    我就不再造轮子了,网上的教程很详细,楼主亲测,好用. http://code4app.com/article/cocoapods-install-usage 楼主安装使用过程中遇到以下几个问题,同学们 ...

  7. dialog 菜单

    dialog 菜单 # 默认将所有输出用 stderr 输出,不显示到屏幕 使用参数 --stdout 可将选择赋给变量 # 退出状态 0正确 1错误 窗体类型 --calendar # 日历 --c ...

  8. 第10月第28天 touchesBegan hittest

    1. -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { [[self nextResponder] touchesBe ...

  9. Linux信号(signal)机制【转】

    转自:http://gityuan.com/2015/12/20/signal/ 信号(signal)是一种软中断,信号机制是进程间通信的一种方式,采用异步通信方式 一.信号类型 Linux系统共定义 ...

  10. JMeter出现“the target server failed to respond“的解决办法

    今天用jmeter压测执行过程中遇到一个报错如下: 解决方案如下: 1. 修改执行计划中,HTTP请求的Implementation为HttpClient4. 2. 保存执行计划 3. 修改JMete ...