前端新人的面試經驗

 

 

雙非本科，通訊工程，算是轉到IT行業這邊的了。從大二暑期正式開始學習前端，想一想已經一年的時間了。期間經歷了不少，從迷惘到清晰，從艱難自學到找到實習，從備戰秋招到找到工做。能經歷的我都經歷過了。來講說那些【前端工做者】的艱辛與歡樂。

開始自學前端

 

電話面問題很少，可是十分考驗對相關知識熟悉程度，面試官是 P7(不理解這個就去百度吧)

 

大二暑期留在學校，一邊參加數學建模培訓，一邊本身學習前端的基礎。因爲以前學習過一些HTML和JS的基礎，我就直接開始學習jquery了，跟着李炎恢老師的JQuery教程學習，算是入了門。學習了BootStrap框架。

 

暑期就跟着視頻學習，作了兩個小項目。期間出現問題怎麼辦，能怎麼辦，就各類百度解決，看博客，逛社區。在如今看來，當時就是沒有學會走就想着跑。本身以後在JS基礎這裏吃了不少虧。

 

跟着實驗室開始作項目

 

實驗室老師讓作一個物聯網平臺，因而咱們就湊吧湊吧，成了一個team,有前端，後臺，移動端，嵌入式。

 

因此建議以後的學弟學妹，若是大家學校有實驗室，去一去，本身潛心學習，加上良好的氛圍，進步會很大的。這個項目就讓我真正開始學習到先後臺交互，數據格式處理，瀏覽器渲染和兼容性問題的處理。

 

春招（實習）

 

寒假荒廢了一個寒假，沒有想到，剛開學的開始，就是各大廠開始招聘暑期實習了，當時簡歷也沒作，知識也沒有複習，整個就是懵逼狀態。而後隨即開始趕超。

 

我就記得我那段時間就是待在實驗室看各類前端知識總結，而後不停的改簡歷，最起碼改了有3版。作筆試，去面試。3月4月這兩個月也時春招的黃金時期，我那段時間面了CVTE，騰訊，好將來，融360，還有一些小公司。

 

面經以下：

CVTE：

 

• 簡述一下項目

• js閉包及解決辦法

• js原型，原型鏈，繼承

• angularJS數據綁定的原理

• 手寫代碼 字符串反轉

• CSS中content如何自適應

• 而後就讓我問他問題，我問了我這場面試表現怎麼樣，還有哪些知識點掌握的很差。 而後讓我好好看js權威指南和js高程

 

騰訊：

 

• 自我介紹

• 給string寫一個函數，如何連接上去

• bind函數實現的原理（用函數寫出來）

• 如何判斷括號匹配（寫一個函數）

• webSocket，TCP，HTTP，websocket的首部信息有哪些，解釋一下

• socket與HTTP的區別

• AngularJs數據綁定的原理

• Vue路由使用的是什麼

• NodeJS中Express框架使用哪些中間件

• MVC框架與MVVM框架

• 解釋一下單頁面應用程序

• 而後問我有什麼問題，我問她們部門用什麼框架，她說是ReactJS,server用的是KOA。而後就開始說React多麼好

好將來

（一面）

 

• 基本就是基礎知識吧，有點想不起來了。

• 還有直接上手敲代碼，我寫出來了，說我寫的不規範，最好用函數封裝起來

 

（二面）

 

• 敲了兩段代碼，基本都寫出來了

• 我如今回想起來，好像知道我掛在哪了，當時問我你喜歡看什麼小說，印象最深的是哪本，講了什麼。因而我沒多想就說了松本清張的《蒼白的軌跡：箱根溫泉殺人手稿》，講述的是兇手如何設計一個漫長的復仇計劃，不急不緩，絲絲入扣，在歲月的配合下，將棋局中的人，一個接一個地抹殺。就在我說的正入迷，就被面試官打斷了。而後，就沒有而後了

 

融360

 

（一面）

 

• 簡述一下你的項目

• 彈性盒模型

• H5+C3

• transform

• transition

• animate

 

（二面）：

 

• 移動端開發

• 移動前端與PC前端的區別

• 移動端開發的適配問題怎麼解決

• 好的，你移動端不怎麼會，咱們也就不浪費時間了。EXM？？？

 

終於，感受找不到實習了，而後就開始本身學習，又跟着實驗室作了一個項目，仍是平臺開發。不過拿着去參加互聯網+大賽了。進入孵化階段了。

 

都是放暑假了，然而我並無放棄找實習，對，就是這麼軸。而後，就找到了。

 

綠盟科技

 

（一面）

 

（就是我進去實習以後的導師）

• canvas具體實現的步驟，如何繪製一個圓，有哪些參數
  來，你說說你的這個平臺怎麼實現的

• 你會AngularJs，那你說說AngularJsDI

• 說說CSS3的新特性，動畫要怎麼實現

• 會使用git嗎

（二面）

 

（部門老大面的，15mins左右）

• 你說說你使用git的狀況

• 你能實習多久

• 對於項目開發的流程瞭解嗎

• 家在哪

• 會使用AngularJs吧 
  

 

而後，就過了，週一報道

 

實習的收穫

 

學會團隊合做和協做開發，對於先後端數據交互的幾種方式那但是熟悉的不得了，由於出過好幾回問題，都實在很差意思再去找後臺大佬問了。

 

我實習的時候，忽然發現的一個好習慣，就是我天天記工做筆記，天天遇到什麼問題，怎麼解決的，有沒有更好的方法。

 

奈何，公司沒有實習生轉正，再走校招流程呢，我又沒過。

 

ε=(´ο｀*)))唉，心塞。而後，直接把活一交接，辭職走人了。回到學校全面備戰校招。

 

 

秋招【biubiubiu】

 

秋招呀，就這麼匆匆忙忙的開始了，趕忙拾起本身遺忘的知識，翻開筆記，修改簡歷，狂刷題，投簡歷，作筆試，去面試。

 

俗話說，金九銀十，9月份的時候，面試卻是很多，可是offer卻沒有，這一度讓我開始懷疑人生，我TM好歹也是有項目經驗，有實習經驗的人呢，怎會這麼慘。

因而，我反思了一下，前面都是大廠，對於基礎知識和算法要求高，我這歷史遺留問題估計是沒有獲得解決。因而，國慶節期間狂補算法，狂刷JS基礎知識。

而後，10月基本就是另外一批公司了，算法竟不怎麼問了。WTF？？？得虧我身經百戰，有項目經驗和實習經驗比較那得出手，我實習的時候仍是作得平臺開發，難，是真的難。就公司那個平臺，看了很久，才明白整個業務邏輯。

因而，10月份終於收穫幾個offer。期間還拒了一家本地的，真是坑呀。像我這樣嚮往自由的人，是怎麼都想留在本地了。20多年了，沒出去過，因此，怎麼地都想去外面。

 

說說秋招面試吧

 

好將來

 

（一面）

 

• 來，說說你的項目

• 談一下你對前端工程師的認識

• 算法會嗎？寫一個你熟悉的排序

• 你實習都學到了什麼

• 你家在哪，想去北京嗎？

• ps：大概只能想起這麼些了，而後我就被掛了，WTF？？？

 

東方財富

 

（一面）

 

• 兩個棧實現一個隊列（三種方式）

• 將已排好序的數組打亂，越亂越好（多種方法）

• 你數學建模作的是什麼，詳細講一下

• 數據庫會嗎？

• 瀏覽器兼容性的處理

 

美團

 

（一面）

 

• http與https的區別是什麼

• 說一說HTTP的狀態碼

• 寫一個統計字符串中每一個字符出現的次數

• 寫一個冒泡排序

• 實習的時候作了什麼

• 你使用過AngularJs，你感受它的優勢和缺點是什麼

• ps：我也不知道爲何會掛，感受都答上來了

 

綠盟

 

（一面）

 

• 你在這實習過，那你說說你實習都作了什麼

• 實習遇到了什麼問題，怎麼解決的

• 你瞭解AngularJs指令操做的使用嗎？

• AngularJs依賴注入的原理是什麼

• flex佈局實現兩邊固定，中間自適應怎麼實現

• websocket

• http的請求方法

• RESTful這種架構模式瞭解嗎

 

貓眼

 

（一面）

 

• jquery $()有哪些使用方法

• HTML5瞭解哪些特性

• CSS3animations和transform的區別

• AngularJs如何實現依賴注入

• HTTP用於cookie的字段的設置

• 瀏覽器緩存

• websocket具體是怎麼使用的

• 來，這還有幾個編程題，你寫一下

 

推想科技

 

（一面）

都不用說問題了，就是網上的那些js變態題，好多，一個一個問
詳見個人一篇blog 44個 Javascript 變態題解析 (上\下) 

 

東方國信

 

一面,電話面

 

• 自我介紹

• 說說你的項目

• HTTP狀態碼（我又扯到了瀏覽器緩存，一通說，而後他就說我基礎很好）

• flex佈局

• cookie和session的區別

• 說一說HTML5+CSS3新特性

• 談談事件機制

 

二面，視頻面

 

• HTML5+CSS3新特性

• JS淺copy與深copy

• TCP與UDP

• 定位

• 閉包

• JQuery原理

  
  面完就告訴我過了，而後叫了他們老大，談了薪資福利什麼的，我說我考慮考慮。（最後拒了）

 

蘇寧

 

（一面）

 

• 談談項目

• websocket

• 寫一下代碼，實現將一段文字查到頁面最前面

• 瀏覽器工做原理

• 瀏覽器緩存機制

• CDN瞭解嗎

• 移動端開發會嗎

• 你瞭解哪些性能優化的方法

• ps：你們都知道蘇寧的評價吧，當時我是技術面過了的，至於爲何沒有收到經過短信，我也不知道。其實就算我過了，也不會去的

 

西拓電氣（1，2，3，4，5面）offer

 

一面：

 

• 項目挨個講一下

• 實習作了什麼，學會了什麼，出現過什麼問題，怎麼解決的

• 瀏覽器兼容性的處理

• 比較一下各大框架的優缺點

• 對於新技術學習的熱情

 

二面：

 

• git使用熟悉嗎？

• 實習時遇到的最大的難題是什麼，怎麼解決的？

• 作項目的時候，遇到的難題是什麼，怎麼解決的

• 你若是過來，會負責平臺開發，能挑戰嗎？

• 能接受加班嗎？

 

三面（hr面）

 

• 咱們公司是作什麼的

• 你能接受的薪資是多少

• 你家在哪，父母作什麼的

• 而後帶着我在公司休閒區參觀了一下

 

四面（副總面）

 

• 咱們公司是作什麼的

• 你實習的公司好在哪裏，你感覺到了什麼樣的氛圍

• 若是你到了咱們公司，你願意把你在實習公司學到的技術氛圍

  在這裏營造嗎？怎麼去作

• 你的職業規劃呢？

• 若是公司有待改善的地方，你怎麼提出來

 

五面（總裁面）

 

• 咱們公司是作什麼的，

• 而後我就扯了一下新技術如今的發展，若是我入職，我將會從那幾個方面進行技術研發

 

途家

 

（一面）

 

• 很隨意，先作筆試題
  一個算法題，Dijkstra算法

• ajax

• 服務器端開發瞭解嗎？

• HTTP請求過程

• 實習遇到的問題，怎麼解決的，學到了什麼

 

融360

 

（一面）

無力吐槽，視頻面，面了一個半小時，面試官拿了一份題，一個一個的往下問
好可能是佈局問題
還有編寫個函數
都是網上那種面經，實在回憶不起來了

 

teambition

 

（一面）

算是我面的比較有水準的一家公司

 

• 項目簡介一下

• AngularJS的依賴注入

• 前端安全

• JS的執行機制

• AngularJS的工做原理，服務的幾種方法

• NodeJs瞭解多少

• AngularJs與Vue有什麼區別，每一個的側重點在哪裏

   

• ps：其實全程都是在技術討論，由於我使用AngularJs比較多，因此就談了不少AngularJs的技術，讓我好好看一看面向契約編程，還有JS須要往深挖掘，不能停留在表面

 

微盟（一，二面+HR）offer

 

一面：

 

• 數組的方法

• 建立對象的幾種方法

• 如何實現繼承

• websocket

• HTTP的狀態碼，請求方法

• 會微信小程序開發嗎

• 移動端開發瞭解嗎

• 問了兩個筆試題

 

二面：

• 項目簡述一下

• 實習遇到的問題，怎麼解決的

• 說說數組有哪些方法

• git使用

• 事件機制

• 瀏覽器存儲

 

hr面：

 

• 去過上海嗎？

• 說一下你最驕傲的事情

• 在學校都有什麼成就

• 你數學建模是什麼作的

• ps：hr說感受個人思惟很活躍，頗有深度

 

而後，我就結束秋招了，無論怎樣，也算是找到一份比較滿意的工做。

浩浩蕩蕩的這幾個月，經歷了不少。也看懂了不少事情，以爲吧，人嘛，仍是要聽從本身的心裏去活着，由於你永遠不知道下一刻會有多糟糕。也就是活在當下，過好每一天。

學習技術，你就踏踏實實的，基礎是關鍵。

對於前端這方面的學習，我也算是身經百戰了，雖不能從成功的方面給予建議，但能從我走的彎路告訴大家，怎麼避免走一些愚蠢的彎路，由於彎路都是要走的，不能一路順風的。

基礎很關鍵，現在三百六十行，行行轉IT，怎麼拼得過千軍萬馬呢，固然是牢固的基礎知識，現在我就在狂補計算機操做系統，網絡知識，數據結構與算法。

前端基礎，HTML+CSS+JavaScript
基礎知識見這篇博客前端面試題之彙總 

 

HTML&CSS：

對Web標準的理解、瀏覽器內核差別、兼容性、hack、CSS基本功：佈局、盒子模型、選擇器優先級、
HTML五、CSS三、Flexbox

 

JavaScript：

數據類型、運算、對象、Function、繼承、閉包、做用域、原型鏈、事件、RegExp、JSON、Ajax、
DOM、BOM、內存泄漏、跨域、異步裝載、模板引擎、前端MVC、路由、模塊化、Canvas、ECMAScript 六、Nodejs

 

其餘：
移動端、響應式、自動化構建、HTTP、離線存儲、WEB安全、優化、重構、團隊協做、可維護、易用性、SEO、UED、架構、職業生涯、快速學習能力

 

前端摩爾定律不造你們聽過沒有，前端每18個月難度增長一倍。

對，是的，據Angular官方說法，每半年新出一個版本，是的，我1.0尚未學會，5已經出來了，聽說Vue3.0也出來了。很棒棒哦！

 

少年，前端路漫漫，若是想好要走，那就加油吧!