web前端面試經歷分享


  十天前,我還在糾結這個暑假到底是呆在實驗室研究技術好還是找一份實習見識世面好,而現在我已經接到offer准備工作了。這幾天真是累得夠嗆,一方面需要拼命准備期末考試,另一方面,需要往公司里面跑接受面試。欣慰的是,我不僅順利通過了公司的面試,還認識了好幾個厲害的師兄,自己的人生規划也稍有改變。

  開始的糾結是有原因的,主要是考慮到了一下幾個方面:

  • 第一,作為一個大二的學生有必要這么着急跑出去找實習么?
  • 第二,去找實習主要目的應該是賺錢還是學習技術?
  • 第三,難得有那么兩個月的時間,就這樣去工作了會不會浪費時間?
  • 第四,我才大二,別人會要我么?

  帶着這些疑問,我在一個招聘網站上面投了好幾份我的簡歷,大概是五份左右,有三家公司回應了我。三家公司當中兩個比較蛋疼,一個直接狂問我高級知識,把我問倒了,最后發現面試官其實是IT公司里面的一個員工私下做項目找人的;一個問我是不是找暑假工!!我瞬間驚呆。最后選擇了一個中大師兄的招聘。但是情況同樣很蛋疼,在我和我要去面試的公司之間,還有一個中介者--外包公司。外包公司把我推薦給我要面試的公司,身份是一個有着三年工作經驗的前端工程師,我要去的公司認為我是外包公司推薦來的畢業幾年的老工程師。於是承擔着計組可能會掛科的風險,在25號隨同幾位大學城的幾位同學一同踏上了面試之路。

  面試的地點在農講所地鐵站附近的東照大廈,剛到樓下的時候,我以為只有六七層,結果進了電梯之后發現最高層是32層,突然覺得這公司上了一個檔次。一行人來到了公司所在的27樓,准備接受殘酷的面試。公司並沒有我想的那么高級,在一間比較大的房間里面,密密麻麻做了幾十個人(設備真的不咋地),要不是這辦公室在這么高級的寫字樓,我還真的以為到了生產車間。一個應該是負責人的叔叔見到了我們,很開心,然后叫了兩個他的手下,給我們幾個人面試。

  值得一提的是,在到樓下的時候,我們才知道需要機試,也就是做幾道前端筆試題,無形間壓力又增大了一點。面試我的是一個大概三十歲的大叔,且不論他是不是技術大牛,光看年齡,就覺得這家伙會為難我。他先隨便問了我所做過的幾個項目,還好在我的簡歷上面的除了年齡不是真實的之外,其他都是真實內容,所以項目方面我還是侃的津津樂道的。接下來,就開始問我一些比較細節的問題。其實我也搞不懂是不是我回答的比較熟練的問題,去的幾個人之中,問我問的最少,就是問了一些瀏覽器兼容,javascript原型繼承,css hack之類的問題,咱也不是蓋的,這些個問題還是能夠比較輕松回答的。接下來,就是機試了,我以為他會為難我出一些很蛋疼的兼容性問題,結果只是要我做一個簡單的效果,下面會附上題目和代碼。

  在具體回答上面幾個疑問之前,還需要提及整個面試過程中都存在的一個人物--Jason,是中山大學軟件學院的師兄,他的角色就是外包公司。這里面的關系可能有點復雜。首先,國內某知名銀行找到了我面試的公司做一個項目,我面試的公司找到了Jason的公司,讓他們推薦人幫忙做項目,Jason找到了我。很顯然我是最大的受害者,因為這樣的四角關系意味着我的收入會和食物鏈一樣,越到后面,利潤越少,不過這都不是重點,重點應該是,我這兩天學到的。

  在面試完的那天晚上,Jason打電話給我,說我表現的很好,可以准備上班了,不過面試的幾個人有兩三個不符合要求,被刷了。接下來他說,找人就應該找我這樣靠譜的,今天就我表現最好了,面試官都覺得我有水平。聽完之后,我心里還是非常非常得意的。這里的非常非常一點也不誇張。從大一開始了解web,大二開始瘋狂學習,平時能做的就是盡量參加項目和在實驗室鑽研技術,沒有人具體知道你做什么,自己也不知道自己算是什么樣的角色。當突然有一天,你懷揣着自己覺得少的可憐的前端知識作為一名求職者而不是實習者的身份面試卻得到師兄和面試官在各方面的贊賞的時候,就會感到一切的一切都是值得的。接下來的兩天時間里,又和Jason聊了不少,他說在大二暑假就出來見識是正確的,學校里面你技術再牛,你也不知道出來之后社會真正需要什么,就算你在暗無天日的實驗室做出了驚世駭俗的APP,你也沒有積累到真正有用的人脈和良好的溝通能力;如果你混得足夠出色,就不應該在磕在代碼上面一輩子。

  他簡單的一席話還是令我挺有感觸的,瞬間消除了我開始的疑惑。第一,大二暑假雖然只是大學時光的一個中間點,但是為了在大三的時候進入想阿里巴巴這樣的大公司,少不了在小公司面試的經驗,除非你足夠屌炸天;第二和第三,這一份工作對我來說不是太難,但是會讓我見識到企業級產品的開發流程,完全不是浪費時間;第四,只要你有技術,不管你是研究生還是大一剛結束,技術面前人人平等。

  我個人比較有災難意識,我覺得跟着學校的節奏去學習技術,第一我沒興趣學得很累,第二我覺得學校的課程會讓我個人在大三的時候無法自信得坐在阿里巴巴百度騰訊等公司的面試官之前。中國每年都有幾百萬的畢業生,好的公司這么少,你憑什么在幾百萬人中脫穎而出,公司又憑什么在有那么多人可選的情況下選中無知的你?我覺得最好的辦法就是讓自己足夠屌,你可以去考研,但是對我來說那樣會浪費很多時間,我也不喜歡呆在學校給老師打工。我清醒的意識到,如果我現在天天在宿舍玩游戲,天天看電視劇,那么明年這個時候,我得到的就是我理想的大公司的拒絕。所以我希望我現在所做的或者看到這篇文章的你目前所做的都是正確的,獲取我們所做的不被大眾認可,但是一切都看一年之后吧。加油吧,無知的你和我~

最后附上面試的題目和代碼:

題目:在瀏覽器中顯示一個有顏色的框框,用javascript實現這個框框在瀏覽器的橫向和縱向居中,在這個框框中間,另外添加一個小的另外一種顏色框框和一個按鈕,單擊這個按鈕,隱藏這個小框框,再次點擊,顯示這個小的框框。代碼如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 5     <title>面試題</title>
 6     <style type="text/css">
 7         #main {
 8             width: 300px;
 9             height: 300px;
10             background-color: #deb887;
11         }
12         #box {
13             width: 150px;
14             height: 150px;
15             background-color: #b8860b;
16             margin: 0 auto;
17         }
18         #toggle {
19             margin-left: 120px;
20             margin-top: 50px;
21         }
22 
23         .show {
24             visibility: hidden;
25         }
26     </style>
27     <script type="text/javascript">
28         window.onload = function() {
29             var pageWidth = window.innerWidth,
30             pageHeight = window.innerHeight;
31             if(typeof pageWidth != "number") {
32                 if(document.compactMode == "CSS1Compact") {
33                     pageWidth = document.documentElement.clientWidth;
34                     pageHeight = document.documentElement.clientHeight;
35                 } else {
36                     pageWidth = document.body.clientWidth;
37                     pageHeight = document.body.clientHeight;
38                 }
39             }
40 
41             function center(obj) {
42                 obj.style.marginLeft = (pageWidth - obj.offsetWidth) / 2 + "px";
43                 obj.style.marginTop = (pageHeight - obj.offsetHeight) / 2 + "px";
44             }
45 
46             function toggle() {
47                 var obj = document.getElementById("box");
48                 if(obj.className == "") {
49                     obj.className = "show"; 
50                 } else {
51                     obj.className = "";
52                 }
53             }
54 
55             var main = document.getElementById("main");
56             var clickButton = document.getElementById("toggle");
57 
58             center(main);
59             clickButton.onclick = toggle;
60         }
61     </script>
62 </head>
63 <body>
64     <div id="main">
65         <div id="box"></div>
66         <button id="toggle">toggle</button>
67     </div>
68 </body>
69 </html>

 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM