淘寶前端的一些面試題

「 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）對之後本身的前端職業路線，咋麼規劃