近來，由於我的公眾號粉絲越來越多，當然留言和各種問題也越來越多，雖說近來一段 因為產品接近收尾上線階段，確實略忙，我有時候甚至回到我溫暖的家 都將近深夜11點（我也不知道為何這麼拼，後面我會寫篇文章專門分析這個問題）；

【關於前端面試技巧，或者面試準備等方面】已經被好多位同學要求了好多次。

所以，今天我簡單整理了下以前收集和自己想到的一些【基礎篇技術篇】先送給大家。

這些問題都很普通 但很基礎和重要，決定了你可以走多遠和拿到敲門磚，所以不要覺得不重要，因為這些問題都答不到70%，那麼你基本可以和正經的重視前端的大公司說拜拜了。

如果你一些基本問題答對了，那麼我可以肯定的是 你面試任何公司的前端技術輪，都是沒問題的。不是我吹，是真的 基礎很重要 也很簡單都可以自己查到，做好準備即可。

由於我拿到過 阿里巴巴事業部 的offer（以前的事兒了），我就結合一下 淘寶前端的一些面試題（真的是隻限新人），整理一下，後面會送上面試技巧

「 CSS篇 」

1. CSS 盒子模型，絕對定位和相對定位

2. 清除浮動，什麼時候需要清除浮動，清除浮動都有哪些方法

3. 如何保持浮層水平垂直居中

4. position 和 display 的取值和各自的意思和用法

5. 樣式的層級關係，選擇器優先順序，樣式衝突，以及抽離樣式模組怎麼寫，說出思路，有無實踐經驗

6. css3動畫效果屬性，canvas、svg的區別

7. px和em的區別

「 JavaScript 篇 」

JavaScript 基礎 

1. JavaScript 裡有哪些資料型別，解釋清楚 null 和 undefined，解釋清楚原始資料型別和引用資料型別。比如講一下 1 和 Number(1)的區別

2. 將一下 prototype 是什麼東西，原型鏈的理解，什麼時候用 prototype

3. 函式裡的this什麼含義，什麼情況下，怎麼用。

4. apply和 call 什麼含義，什麼區別？什麼時候用。（我有篇文章 重點分析過）

5. 陣列和物件有哪些原生方法，列舉一下，分別是什麼含義，比如連線兩個陣列用哪個方法，刪除陣列的指定項和重新組裝陣列（操作資料的重點）。

6. 怎樣新增、移除、移動、複製、建立和查詢節點？

JavaScript 的面向物件

1. JS 模組包裝格式都用過哪些，CommonJS、AMD、CMD。定義一個JS 模組程式碼，最精簡的格式是怎樣。

2. JS 怎麼實現一個類。怎麼例項化這個類。

3. 是否瞭解自定義事件。jQuery裡的fire函式是什麼意思，什麼時候用。

4. 說一下了解的js 設計模式，解釋一下單例、工廠、觀察者。

5. ajax 跨域有哪些方法，jsonp 的原理是什麼，如果頁面編碼和被請求的資源編碼不一致如何處理？

「 開源工具 」

1）是否瞭解開源的架構工具 bower、npm、yeoman、gulp、webpack，有無用過，有無寫過，一個 npm 的包裡的 package.json 具備的必要的欄位都有哪些（名稱、版本號，依賴）

2）github常用不常用，關注過哪些專案

3）會不會用 ps 扣圖，png、jpg、gif 這些圖片格式解釋一下，分別什麼時候用。如何優化影象、影象格式的區別

4）說一下你常用的命令列工具

5）會不會用git，說上來幾個命令，說一下git和svn的區別，有沒有用git解決過沖突

「 計算機網路基礎 」

1）說一下HTTP 協議頭欄位說上來幾個，是否儘可能詳細的掌握HTTP協議。一次完整的HTTP事務是怎樣的一個過程？

2）cookies 是幹嘛的，伺服器和瀏覽器之間的 cookies 是怎麼傳的，httponly 的 cookies 和可讀寫的 cookie 有什麼區別，有無長度限制
請描述一下cookies，sessionStorage和localStorage的區別

3）從敲入 URL 到渲染完成的整個過程，包括 DOM 構建的過程，說的約詳細越好。

4）是否瞭解Web注入攻擊，說下原理，最常見的兩種攻擊（XSS 和 CSRF）瞭解到什麼程度。

5）是否瞭解公鑰加密和私鑰加密。如何確保表單提交裡的密碼欄位不被洩露。驗證碼是幹嘛的，是為了解決什麼安全問題。

6）編碼常識：檔案編碼、URL 編碼、Unicode編碼 什麼含義。一個gbk編碼的頁面如何正確引用一個utf8的的資源

「 前端框架 」

1） 對MVC、MVVM的理解

2） jQuery的事件委託方法on、live、delegate之間有什麼區別？

3）前後分離的思想了解嗎？

 考察學習能力和方法

1）你每天必須登入的網站（前端技術相關）是什麼？

2）前端技術方面看過哪些書，有無筆記，都有哪些收穫。

3）收藏了哪些程式碼片段？有想過開源自己的程式碼嘛？

4）怎麼理解前端技術的大趨勢？自己再做哪方面的知識儲備？

5）是否瞭解或精通其他（後端）的程式語言？

6）做專案有沒有遇到哪些印象深刻的技術攻關，具體遇到什麼問題，怎麼找答案的，最後怎麼解的。

7）對以後自己的前端職業路線，咋麼規劃

先這樣把，以上題目 部分 也取自網路其他公司總結，都大差不差的。

OK！，今天先到這裡，這些問題，網上都有可查的答案，自己不要懶，只要勤奮才能進步。有問題歡迎再文章留言，儘量不要再公眾號私聊資訊，因為我看不完，在文章底部寫留言 即可， 我會一一回復。

最重要的，別忘了打賞我 哈哈哈哈！我也是需要動力滴！ 你只要記住 【我最帥】 就好

掃描長按二維碼，關注我的公眾號