大廠面試前端

1. 前端面試要點

想要通過前端面試順利進入一線大廠成就高薪前端夢。那麼首先，我們得知道前端面試中，社招和校招究竟有啥區別？

對於前端開發來說，如果說社招更看重對前端技術體系的深入理解，以及解決問題的能力話，那校招更看重的其實是基本功和學習能力（或者說是潛力）。

但其實，無論是社招還是校招，面試的時候都會問到一些曾經操作過的項目，尤其是大廠，或者熱門高薪部門，面試官除必問的技術經驗外，也會對技術深度進行一個基礎的考核，那在這種情況下如何hold住大廠面試呢？

前端面試三要素：簡歷、個人介紹、技術能力。下面，就來分別聊一聊。

1、簡歷篩選關：

HR一般會去看簡歷中所提的技術棧是否匹配，怎麼看呢？我們可以抓住簡歷中的技術名詞，一般來說如果一點技術名詞都沒有提到，那麼大概有以下幾種可能：很水、很牛但概率很小、不會寫簡歷。所以，一部分人可能會因為簡歷的問題沒有了面試機會，這點是需要非常注意的。

2、個人介紹關：

通過了簡歷篩選階段，就真正到了面試環節。這時候一定要准備好一段最多3分鍾的個人介紹。請注意，最多3分鍾！言簡意賅的說明自己的工作時間，擅長技術棧和自己的工作預期。

3、項目經驗表達：

對前端開發學習者而言，JS並不陌生，但大廠的JS面試題卻總是顯得很「陌生」，怎麼樣能夠真正做到深入理解與高級應用？這不僅是面試過程中對前端求職者的要求，也是大多數前端開發者的痛點。

大廠面試中，面試官除了關注你的項目經驗外，還往往喜歡和面試者深入探討前端某些技術領域成體系的前端知識。比如：模塊化、非同步解決方案、網路、框架及原理、線程等，但在與面試官的正面battle中，求職者總會敗下陣來。

所以，建議大家在Web前端面試前一定要注重這三個方面的內容。注重了這些想找找到一份適合的Web前端開發工作並不是難事。

2. 大廠的前端面試難嗎

分享給你一些面試題

一面

小米的面試官給人的感覺很親切很真誠，是一個體驗很不錯的面試。

• css 實現圖片自適應寬高

• 講 flex，手寫出 flex 常用的屬性，並且講出作用

• BFC 是什麼

• 項目裡面的前端鑒權是怎麼實現的？

• vue 裡面的虛擬 dom 是怎麼回事？

• vue 雙向綁定講一講

• 手寫函數防抖和函數節流

• 講講常用的 es6 語法，比如 let、promise、class 等等

• 瀏覽器渲染過程，迴流重繪等等，load、DOMContentLoaded 等等事件的觸發順序

• 從小米應用商店裡面隨便找了一個需求讓我現場實現，寫偽代碼

二面

• 講項目裡面的鑒權和圖片懶載入怎麼實現的

• 講 vue-lazyloader 的原理，手寫偽代碼

• 講 express 框架的設計思想

• 線上日誌是如何處理的

• 講事件循環

• 講 nodejs 的 eventEmitter 的實現

三面

• 講項目裡面做的事情

• 講 vue 的響應式原理、依賴收集、監聽數組、虛擬 dom 等等

• 講 express 的中間件系統是如何設計的

• 現場從小米應用商店中找出一個需求現場實現，說思路，寫關鍵的代碼

• 四面

• 講 vue-lazyloader 源碼以及設計

• 使用 es5 實現 es6 的 class

• websocket 握手過程

• 瀏覽器的事件循環和 nodejs 事件循環的區別

百思編程（過）

這個公司是獵頭推薦的，CEO 比較強勢，也算比較有趣。

一面

• 跨域以及解決辦法

• 手寫一段小演算法

• JavaScript 的 sort 方法內部使用的什麼排序？

二面

這一面是 CEO 面，主要問了我的職業規劃等等問題，在我沒有表現出很強的要去該公司的意願後，直接給我送走了…

ponyAI-基礎架構（過）

一面

• 講項目裡面幹了啥

• vue-lazyloader 怎麼實現的

• vue 的響應式系統、虛擬 dom

• 函數式編程

• 手寫了一個演算法題

二面

這輪面試時從美國打電話過來的，事後才知道是 Google 的前端…

• 講講項目裡面做了什麼

• vue 原理，和 react 的區別（其實我沒怎麼用過 react）

• JavaScript 非同步的處理方式，現場出了一個問題，使用 promise 實現

三面

• 講項目模塊規劃、項目如何部署、如何優化等等

• 手寫函數的防抖

• 手寫一道演算法題

四面

• 講講項目

• 手寫一道演算法題

洋錢罐（過）

一面

• 講項目

• 前端持久化的方式、區別

• vue-lazyloader 的原理

• 怎麼配 webpack

• 手寫 vue 雙向綁定

• 講 es6 的一些特性，並且現場出了幾個代碼片段，說結果

• 手寫一道演算法題

• http 狀態碼

二面

• 講項目

• vue-router 的原理

• 項目中怎麼用的 webpack，怎麼優化

• 講 express 的設計原理

• 手寫一道演算法題

創新奇智（過）

一面

• 講項目

• 手動實現 parseInt

二面

這一面居然遇到了前同事…寫了一些筆試題，問了一些問題！

三面

• 講 tcp/ip 網路層、三次握手，為什麼不能兩次握手

• 講 vue 原理

• 手寫一道演算法題

猿輔導（跪）

猿輔導好像總共就一面，期間一些實現方式和面試官有爭議（沒有沖突）。

一面

• 手寫 vue 的 mixin 方法

• 手寫 promise 的 all 方法

• 現場出了一個移動端的小需求

搜狐-垂直媒體部門（過）

一面

• 講項目

• 項目裡面用 nodejs 做了啥

• 抽取了哪些 vue 組件

二面

• 講項目

• 手寫實現 promise

• 騰訊-地圖（跪）

• 騰訊兩個部門面試都會先做一套筆試題，筆試題基本就是一些常見的前端問題以及演算法題

三面

• 講項目，對項目提了一些問題

• 怎麼判斷一個點是否在圓形內、正方形內

• 對筆試題

騰訊-天天快報（跪）

也是先做了一套筆試題，但是令人尷尬的是，面試官覺得我快排寫錯了，然而我只是在原地快排沒有申請額外空間…

• 筆試題

• 沒了

網路-網路雲（過）

這個部門今年據說升為一級部門了，好像還挺不錯的~

一面

• 講項目

• vue 響應式原理，什麼是 mvvm

• es6 使用過的特性

• flex 常見的屬性

• css 選擇器的優先順序

• 抽取過哪些 vue 組件

二面

• 講項目

• express 設計原理，面試官對動態路由匹配一直追問下去，但是這里的源碼設計我確實是忘了，一路討論下去扯到了字元串的前綴樹…

• 實現一個事件發布訂閱類，其實就是 eventEmitter

三面

三面是山大老學長，聊了一些業務上的事情~

搜狗-手機搜狗（過）

搜狗一面的體驗比較差，面試官給人的感覺不太好…

一面

• 講項目

• 事件循環

• 回調函數的壞處

• vue 裡面哪兒不會用到雙向綁定

二面

忘了…

快手-商業化（過）

一面

• 講項目

• 如何抽取公共組件的

• vue 的響應式原理

• 如何實現一個可設置過期時間的 localStorage

• 實現一個發布訂閱系統，包括 on、emit、off 等等

二面

• 一道智力題

• 軟體工程思想、設計模式等等

• async/await 代碼片段，說輸出結果

今日頭條-廣告系統（過）

一面

• 講項目

• 講 lazyloader 實現

• 用 docker 做了什麼

• 用 webpack 做了什麼

• 手寫一個演算法題

• 講 flex

• vue 響應式原理

• es6

二面

• JavaScript 非同步

• 優化項目

• vue 原理，包括計算屬性、依賴收集等等

• 用 JavaScript 的非同步實現 sleep 函數

• 演算法題

三面

• 手寫快排，時間復雜度，優化

• 手寫實現 jsonp

• 項目部署，線上問題等等

• websocket 握手過程

四面

• 對 vuex 的理解，單向數據流

• 設計一個單點登錄的系統，類似阿里系那種

• 手寫一個演算法

五面

• 實現一個聯想搜索組件

• 手寫函數防抖和節流

OPPO 成都研發中心（過）

一面

• 講項目

• 講 vue 的 響應式系統，講了好久，從渲染 watcher 到虛擬 dom，面試官還跟我討論了好久

• 忘了

二面

• 講項目

• 忘了

百詞斬（跪）

首先會在線做一道演算法題，挺簡單的，百詞斬感覺掛的稀里糊塗的…

一面

• websocket 握手過程

• tcp/ip 網路層，http 的特點

• http 強行使用 udp 能實現嗎？

• vue 原理

• webpack 熱更新原理，使用過的插件

• 原型、閉包、跨域

• 手寫了一道演算法題

為什麼面這么多公司

因為我是實習直接轉正的，也沒參加過秋招，所以對自己在市場上是個怎樣的實力沒有一個清晰的了解，而且我也想多了解一下其他公司在做什麼，於是就盡量的多面，不過說實話面試確實挺累的。

3. 前端好還是後端好

關於前後端的選擇，前端更容易入門，每天調整界面的展示，通過代碼完成優美的界面和酷炫的交互。後端入門稍困難，每天關注的是業務邏輯的處理，數據的增刪改查，性能的優化。總之，前端和後端工資和職業發展前景就都不錯。

前端開發主要做的是用戶所能看到的前端展示界面。前端開發用到的技術包括但不限於html5、css3、javascript、jquery、Bootstrap、Node.js 、AngularJs等技術。

後端開發主要做的是邏輯功能等模塊，是用戶不可見的。後端開發 以java為例，主要用到的是包括但不限於Struts、spring、springmvc、Hibernate、Http協議、Servlet Tomcat伺服器等技術。

前端開發的內容：

前端開發主要做的是用戶所能看到的前端展示界面。前端開發用到的技術包括但不限於html5、css3、javascript、jquery、Bootstrap、Node.js 、AngularJs等技術。從開始的切頁面，到現在復雜的前端單頁應用，node服務端應用，移動端react-native等。

前端的技術更新速度遠遠超過服務端的更新速度，這也就要求前端同學，需要不停地學習新的技術來跟上前端技術的升級，一旦鬆懈，就可能被淘汰。前端現在所覆蓋的場景已經越來越廣，從傳統的前端，已經延伸到服務端，工具鏈，移動端等。

4. WEB前端面試題

第二章 面試題基礎篇

2.1 HTML面試題

面試題：行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？

面試題：頁面導入樣式時，使用link和@import有什麼區別？

面試題：title與h1的區別、b與strong的區別、i與em的區別？

面試題：img標簽的title和alt有什麼區別？

面試題：png、jpg、gif 這些圖片格式解釋一下，分別什麼時候用？

2.2 CSS面試題

面試題：css背景紋路

面試題：介紹一下CSS的盒子模型

面試題：CSS選擇符有哪些？哪些屬性可以繼承？

面試題：CSS優先順序演算法如何計算？

面試題：用CSS畫一個三角形

面試題：一個盒子不給寬度和高度如何水平垂直居中？

面試題：display有哪些值？說明他們的作用。

面試題：對BFC規范(塊級格式化上下文：block formatting context)的理解？

面試題：清除浮動有哪些方式？

面試題：在網頁中的應該使用奇數還是偶數的字體？為什麼呢？

面試題：寫一個左中右布局占滿屏幕，其中左、右倆塊固定寬200，中間自適應寬，要求先載入中間塊，請寫出結構及樣式。

面試題：什麼是CSS reset？

面試題：css sprite是什麼,有什麼優缺點

面試題：display: none;與visibility: hidden;的區別

面試題：position有哪些值?有什麼作用? 【特別多公司問】

面試題：line-height和height有什麼區別？

面試題：opacity 和 rgba區別

2.3 JavaScript基礎面試題

面試題：延遲載入JS有哪些方式？

面試題：JS數據類型有哪些？

面試題：null和undefined的區別

面試題：JS數據類型考題

面試題：==和===有什麼不同

面試題：JS微任務和宏任務

面試題：JS作用域考題

面試題：JS對象考題

面試題：JS作用域+this指向+原型 考題

面試題：JS判斷變數是不是數組，你能寫出哪些方法？

面試題：slice是幹嘛的、splice是否會改變原數組

面試題：JS數組去重

面試題：找出多維數組最大值

面試題：給字元串新增方法實現功能

面試題：找出字元串出現最多次數的字元以及次數

2.4 真正移動端 —— H5/C3面試題

面試題：什麼是語義化標簽

面試題：::before 和 :after中雙冒號和單冒號 有什麼區別？解釋一下這2個偽元素的作用。

面試題：如何關閉iOS鍵盤首字母自動大寫

面試題：怎麼讓Chrome支持小於12px 的文字？

面試題：rem和em有什麼樣區別

面試題：ios系統中元素被觸摸時產生的半透明灰色遮罩怎麼去掉

面試題：webkit表單輸入框placeholder的顏色值能改變嗎？

面試題：禁止ios 長按時不觸發系統的菜單，禁止ios&android長按時下載圖片

面試題：禁止ios和android用戶選中文字

面試題：自適應 [淘寶無線適配]

面試題：響應式

第三章 面試題進階篇

3.1 JavaScript進階面試題

面試題：new操作符具體做了什麼

面試題：閉包 【必須會】

面試題：原型鏈 【必須會】

面試題： JS繼承有哪些方式

面試題：說一下call、apply、bind區別

面試題：sort背後原理是什麼？

面試題：深拷貝和淺拷貝

面試題：localstorage、sessionstorage、cookie的區別

3.2 ES6面試題

面試題：var、let、const區別

面試題：作用域考題

面試題：將下列對象進行合並

面試題：箭頭函數和普通函數有什麼區別？

面試題：Promise有幾種狀態

面試題：find和filter的區別 【大廠】

面試題：some和every的區別 【大廠】

3.3 webpack面試題

面試題：webpack插件

3.4 Git面試題

面試題：git常用命令

面試題：解決沖突

面試題：GitFlow

第四章 面試題框架篇

4.1 區分初中高級的 —— Vue面試題

面試題：Vue2.x 生命周期有哪些？

1.系統自帶八個

2.當一旦進入到某個組件會執行哪些生命周期

3.$el和$data在哪個階段有

4.如果使用keep-alive會多倆個生命周期

5.如果加入keep-alive第一次進入組件會執行哪些生命周期

6.如果加入keep-alive第二次或者第N進入該組件會執行哪些生命周期

面試題：談談你對keep-alive的了解

面試題：v-if和v-show區別

面試題：v-if和v-for優先順序 2.x

面試題：ref是什麼？

面試題：nextTick是什麼？

面試題：Vue中如何做樣式穿透

面試題：scoped原理

面試題：Vuex是單向數據流還是雙向數據流？

面試題：講一下MVVM

面試題：雙向綁定原理

面試題：什麼是虛擬DOM

面試題：key是干什麼？

面試題：diff演算法

面試題：Vue組件傳值

面試題：props和data優先順序誰高？

面試題：computed、methods、watch有什麼區別？

面試題：Vuex

面試題：Vue路由

面試題：Vue項目打包後出現空白頁

4.2 微信小程序面試題

面試題：如何自定義頭部？

面試題：如何自定義底部？

4.3 uni-app面試題

面試題：生命周期

面試題：條件編譯

第五章 面試題性能優化篇

5. 那些陌生又熟悉的前端面試題

過完年需要跳槽的小夥伴還是挺多的，又要開始刷前端面試題了！會不會有一種錯覺，看著這道面試題很熟，但是不知道該如何做？或者有答案又不知道是否正確？或者使用編輯器可以運行出來正確的答案，但是不知道怎麼得來的，這些你都中招了嗎？

JavaScript 語言是一門弱類型語言，存在許多類型錯誤，因此 ES6 引入了嚴格模式概念。

如果不加 『use strict』 常規模式下就是屬於非嚴格模式。

嚴格模式

在 js 文件頂部添加 『use strict』 就屬於嚴格模式，嚴格模式也可以指定在函數內部。

嚴格模式，是為 js 定義來了一種不同的解析與執行模型，在嚴格模式下，ECMAScipt 3 中一些不解和不確定的行為將得到處理，而且會對不安全的操作會拋出異常。『use strict』 會告訴瀏覽器引擎可以切換到嚴格模式執行。

嚴格模式與非嚴格模式區別

常見筆試題：

試試這道筆試題你會做嗎？

要說 js 的深淺拷貝，就不得不提 js 的兩大數據類型：基本數據類型和引用類型。

基本數據類型的變數名和值都存儲在棧中，對於引用類型的變數名存儲在棧中，而值存儲在堆中。由於存儲方式不同，所以導致了他們復制的時候方式不同。

賦值

基本數據類型賦值的時候，創建的基本數據類型會在內存中開辟一個新空間把值復制過來，而引用類型採用的是地址存儲，如果直接把一個引用數據直接賦值給另外一個數據，就相當於直接把自己存儲值的地址給了另外一個變數，所以改變一個的值，也會改變另外一個的值。

深淺拷貝是如何定義的？

假設有 p 和 P 兩個變數，如果P 是拷貝了 p 的，我們通過修改 P 來觀察 p 是否發生改變，如果跟著改變，就是淺拷貝，如果是不改變，就說明是深拷貝。

基本類型復制的時候會開辟新的內存空間，所以兩個值是相互獨立的，引用類型復制的時候就要看是復制的內存地址還是復制一個新的堆。所以深拷貝主要針對的是引用類型的數據。

淺拷貝的常見的方式：

1、直接賦值

2、Object.assign

深拷貝的常見方式：

引用數據類型最常用的就是 Object 和 Array ，引用數據內部的數據也可以是多樣化的，進行深拷貝時，也要適當地根據數據結構進行合適的復制方式，具體的深拷貝方法分別有：

1、數組中只包含基本數據類型

2、對象中只包含基本數據類型

3、對象或數組里含有一層或多層引用數據類型時

深淺拷貝的常見應用主要是數據的增刪改操作。

大廠筆試題：

這是一道關於 this 指向的面試題，接下來我們就說說 this 是如何指向的？

this 對象是運行時基於函數的執行環境綁定的：

看完上述 this 指向解釋，你就可以做上邊的那道面試題了。

如何改變 this 的指向？

call 、bind 和 apply 這三個函數都是用來改變 this 指向的，就是改變函數執行時的上下文。

修改上述面試題：

call 、bind 和 apply 改變 this 指向，最大作用就是實現代碼復用。

至於 call、bind 和 apply 的區別，可以自行去了解下。

有了上邊那個表，事情就變得簡單了！

關系運算符進行運算時，不同類型的值會自動轉化為相同類型值，然後進行

1、兩邊有一個是字元串一個是是數字時，字元串調用 Number 方法，將字元串轉為數字，所以：

2、如果兩邊都是字元串時，按照字元串的 unicode 編碼來轉換的，所以：

3、字元串進項比較時，先比較第一位，如果不相等直接得出結果，如果第一項相等，會繼續使用第二項進行比較。

4、轉為布爾值都為 false 的類型分別有：undefined 、null 、0、NaN、false、『』

5、NaN表示的是非數字，但是這個非數字也是不同的，因此 NaN 不等於 NaN，兩個NaN永遠不可能相等。

6、關系運算有一個數值，將另外一個值也轉為 number 類型。

7、有邏輯運算的，將其他數據類型轉為 boolean 值。

8、直接使用兩個空數組比較，數組地址不同，所以不相等。

評論區可以留下最近你想學習的知識點，或面試題類型！

6. Web前端需要掌握哪些技能才能進大廠

一名合格的前端開發工程師，不單單需要掌握前端必須的各種技術，同時還要掌握其它技術，需要掌握一點後台的知識，同時也要對網站構架有一定的了解，這樣才可以稱之為一個合格的Web前端開發工程師。如果你想自學，可以找一些千鋒視頻學習資源之類。
如果你想要快速學習Web前端技術，專業全面的學習方式比較好，一般費用在2W左右，4-6個月左右。千鋒適合零基礎的小白迅速成長，學習曲線先快後慢，也適合有一定基礎的學員進階學習，鞏固知識的基礎上，穩步進步突破職業瓶頸。

7. web前端初級面試要求

想要通過前端面試順利進入一線大廠成就高薪前端夢。那麼首先，我們得知道前端面試中，社招和校招究竟有啥區別？

對於前端開發來說，如果說社招更看重對前端技術體系的深入理解，以及解決問題的能力話，那校招更看重的其實是基本功和學習能力（或者說是潛力）。

但其實，無論是社招還是校招，面試的時候都會問到一些曾經操作過的項目，尤其是大廠，或者熱門高薪部門，面試官除必問的技術經驗外，也會對技術深度進行一個基礎的考核，那在這種情況下如何hold住大廠面試呢？

前端面試三要素：簡歷、個人介紹、技術能力。下面，就來分別聊一聊。

1、簡歷篩選關：

HR一般會去看簡歷中所提的技術棧是否匹配，怎麼看呢？我們可以抓住簡歷中的技術名詞，一般來說如果一點技術名詞都沒有提到，那麼大概有以下幾種可能：很水、很牛但概率很小、不會寫簡歷。所以，一部分人可能會因為簡歷的問題沒有了面試機會，這點是需要非常注意的。

2、個人介紹關：

通過了簡歷篩選階段，就真正到了面試環節。這時候一定要准備好一段最多3分鍾的個人介紹。請注意，最多3分鍾！言簡意賅的說明自己的工作時間，擅長技術棧和自己的工作預期。

3、項目經驗表達：

對前端開發學習者而言，JS並不陌生，但大廠的JS面試題卻總是顯得很「陌生」，怎麼樣能夠真正做到深入理解與高級應用？這不僅是面試過程中對前端求職者的要求，也是大多數前端開發者的痛點。

大廠面試中，面試官除了關注你的項目經驗外，還往往喜歡和面試者深入探討前端某些技術領域成體系的前端知識。比如：模塊化、非同步解決方案、網路、框架及原理、線程等，但在與面試官的正面battle中，求職者總會敗下陣來。

所以，建議大家在Web前端面試前一定要注重這三個方面的內容。注重了這些想找找到一份適合的Web前端開發工作並不是難事。

8. 大廠前端筆試面試題總結（一）

1.從下列選項中找出正確的列印值

A. 'false','true'
B. '"Lydia"','21'
C. 'true','true'
D. 'undefined','undefined'

解析：

註：const、let、var聲明的變數在使用delete關鍵字進行刪除時是無效的，且其返回值是false。
正確答案：A

2.從下列選項中找出正確的列印值

A. {admin:true,user:{name:"Lydia",age:21}}
B. {admin:true,name:"Lydia",age:21}
C. {admin:true,user:["Lydia",age:21]}
D. {admin:true}

解析：

註： ...user 使用的是ES6的擴展運算符，默認作用是將user的屬性展開平鋪，並且和 admin:true 組成一個新的對象。
如果 const user ={name:"Lydia",age:21,admin:false}; 和前面的屬性有重名時, ... 擴展運算符會把前面的屬性覆蓋掉。列印結果就會為： {admin:false,name:"Lydia",age:21}
正確答案：B

3.從下列選項中找出正確的列印值

A. 10
B. 11
C. Error
D. NaN

解析：從模塊導出的變數是不能被修改的，只能作為一個只讀的變數進行其他文件引入使用。
正確答案：C

4.從下列選項中找出正確的列印值

A. [1,1,2,3,4]
B. [1,2,3,4]
C. {1,1,2,3,4}
D. {1,2,3,4}

解析：

註：Set具有唯一性，輸出時會默認過濾掉重復項。Set是一種新的數據結構並不是數組。
數組的去重、找唯一值都可以利用Set形式
正確答案：D

5.從下列選項中找出正確的列印值

A. "Woof I am Mara" , TypeError
B. "Woof I am Mara" , "Woof I am Mara"
C. "Woof I am Mara" , undefined
D. TypeError , TypeError

解析：

正確答案：A

6.從下列選項中找出正確的列印值

A. "undefined","number"
B. "number","number"
C. "object","number"
D. "number","undefined"

解析：

正確答案：A

7.從下列選項中找出正確的列印值

A. Lamborghini
B. "Maserati"
C. ReferenceError
D. TypeError

解析：

正確答案：B

8.從下列選項中找出正確的列印值

A. "It worked! Hello world!"
B. "Oh no an error: undefined"
C. SyntaxError: can only throw error objects
D. "Oh no an Error: Hello world!"

解析：

正確答案：D

A. []
B. [null,null,null]
C. [undefined, undefined,undefined]
D. [3 × empty]

解析：

正確答案：C

10.從下列選項中找出正確的列印值

A. 42
B. "42"
C. 7
D. NaN

解析：
parseInt(string, radix)函數解析字元串並返回整數。

9. web前端開發面試流程是怎樣的

首先投簡歷，等待hr通知面試，一般情況下先填資料，做測試題，接著開始第一面（一般問經你的個人情況，工作經歷等），資料已經交給技術，等一面通過之後接著二面，二面一般是技術面試，問你開發相關的技術問題（例如布局問題，js,框架之類的），有些公司還需要上機操作（寫一兩個頁面或者開發一個js方法等），有些公司是通過之後直接進行3面有些是改天再進行3面，3面一般就是項目經理或總經理問你一些各種各樣的問題（隨機應變就行，也有一些公司沒有這個環節），如果3面都過了，基本上就是面試成功了，接下來就是4面，也就是人事主管和你談工資待遇等問題了，這個談好之後就會告訴你什麼時候過來上班，要准備什麼東西，當然一般還會有正式的工作邀請函發到你的郵箱。如果沒有3面的公司，那人事這個環節就直接是3面了。
還有一些公司是一面之後等通知，通過的就通知你二面，然後再等通知，然後通過再三面（這樣的公司我一般不會等，太浪費時間）