有很多小夥伴們特別關心面試Web前端開發工程師時，面試官都會問哪些問題。今天小卓把收集來的“阿里Web前端開發面試題”整理貼出來分享給大傢伙看看，趕緊收藏起來做準備吧~~

　　一、CSS盒子模型，絕對定位和相對定位

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

　　2）如何保持浮層水平垂直居中

　　3）position 和 display 的取值和各自的意思和用法

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

　　二、JavaScript基礎

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

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

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

　　4）apply 和 call 什麼含義，什麼區別？什麼時候用。

　　5）陣列和物件有哪些原生方法，列舉一下，分別是什麼含義，比如連結兩個陣列用哪個方法，刪除陣列的質定項。

　　三、JavaScript的面向物件

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

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

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

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

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

　　四、開源工具

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

　　2）fiddle、charles 有沒有用過，什麼時候用

　　3）會不會用 ps 扣圖，png、jpg、gif 這些圖片格式解釋一下，分別什麼時候用。

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

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

　　五、計算機基礎

　　1）說一下網路五層模型（HTTP協議從應用層到底層都基於哪些協議），HTTP 協議頭欄位說上來幾個，快取欄位是怎麼定義的，http和https的區別，在具體使用的時候有什麼不一樣。是否儘可能詳細的掌握HTTP協議。

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

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

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

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

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

　　六、考察學習能力和方法

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

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

　　3）收藏了哪些程式碼片段？

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

　　看完了你能答出幾道？不會趕快去做下功課吧！通過上面一些知識，我們可以找出自己的一些不足，進而學之，何樂不為？相信只要掌握了硬實力，你的職場通道肯定會一路綠燈。“如果你想加入網際網路IT行業，恰巧你又是零基礎，或者想再充實一下技能，那就別猶豫，來吧！2017上海中軟卓越與你有約~我們用誠信打造品牌，用品牌證明我們的實力！上海中軟卓越值得你的青睞與信賴！”