奇酷HTML5培訓：前端面試題你能答出來幾個？

　前段時間看到一份阿里Web前端開發(fā)面試題，看完之后我感覺好多東西都模糊了，因為我們平時少用它，所以。。。理論是基礎，有些東西還是要溫故而知新吧，閑余之時還是要“炒炒現(xiàn)飯”。下面奇酷HTML5培訓(www.rrryy.cn)把“阿里Web前端開發(fā)面試題”貼出來，大伙看看吧~~

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

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

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

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

　　4)樣式的層級關系，選擇器優(yōu)先級，樣式?jīng)_突，以及抽離樣式模塊怎么寫，說出思路，有無實踐經(jīng)驗

　　2. Java 基礎

　　1)Java里有哪些數(shù)據(jù)類型，解釋清楚null和undefined，解釋清楚原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。比如講一下1和Number(1)的區(qū)別

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

　　3)函數(shù)里的this什么含義，什么情況下，怎么用。

　　4)apply和call什么含義，什么區(qū)別？什么時候用。

　　5)數(shù)組和對象有哪些原生方法，列舉一下，分別是什么含義，比如鏈接兩個數(shù)組用哪個方法，刪除數(shù)組的質(zhì)定項。

　　3. Java 的面向對象

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

　　2)JS怎么實現(xiàn)一個類。怎么實例化這個類。

　　3)是否了解自定義事件。jQuery里的fire函數(shù)是什么意思，什么時候用。

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

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

　　4. 開源工具

　　1)是否了解開源的工具bower、npm、yeoman、Grunt、gulp，有無用過，有無寫過，一個npm的包里的package.json具備的必要的字段都有哪些(名稱、版本號，依賴)

　　2)fiddle、charles有沒有用過，什么時候用

　　3)會不會用ps扣圖，png、jpg、gif這些圖片格式解釋一下，分別什么時候用。是否了解webp

　　4)說一下你常用的命令行工具

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

　　5. 計算機基礎

　　1)說一下網(wǎng)絡五層模型(HTTP協(xié)議從應用層到底層都基于哪些協(xié)議)，HTTP協(xié)議頭字段說上來幾個，緩存字段是怎么定義的，http和https的區(qū)別，在具體使用的時候有什么不一樣。是否盡可能詳細的掌握HTTP協(xié)議。

　　2)cookies是干嘛的，服務器和瀏覽器之間的cookies是怎么傳的，httponly的cookies和可讀寫的cookie有什么區(qū)別，有無長度限制

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

　　4)是否了解web注入攻擊，說下原理，最常見的兩種攻擊(XSS和CSRF)了解到什么程度。

　　5)是否了解公鑰加密和私鑰加密。如何確保表單提交里的密碼字段不被泄露。驗證碼是干嘛的，是為了解決什么安全問題。

　　6)編碼常識：文件編碼、URL編碼、Unicode編碼什么含義。一個gbk編碼的頁面如何正確引用一個utf8的的資源

　　6.考察學習能力和方法

　　1)你每天必須登錄的網(wǎng)站(前端技術相關)是什么？

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

　　3)收藏了哪些代碼片段？

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

　　7、結語

　　通過上面一些知識，我們可以找出自己的一些不足，進而學之，何樂不為？，相信只要掌握了硬實力，你的職場通道肯定會一路綠燈。

　　今天HTML5前端知識小課堂就講到這，我們會不定期的為各位會員提供技術干貨，敬請關注，如果你有更多優(yōu)秀的HTML5前端技能知識，歡迎去“QIKU”微信公眾平臺留言與我們互動。