2017年成都最新經(jīng)典web前端面試題匯總。如果你一些基本問題答對了，那么我可以肯定的是 你面試任何公司的前端技術(shù)輪，都是沒問題的。不是我吹，是真的 基礎(chǔ)很重要。今天這套面試題也很特別，都是一些問題，沒為大家準(zhǔn)備答案，這樣做的目的就是希望培養(yǎng)大家獨立自學(xué)的能力，不要總是依靠別人的答案，這些問題網(wǎng)上也是能查到答案的，隨著看問題隨著找答案能在一定程度上鞏固所學(xué)知識。
「 CSS篇 」
1. CSS 盒子模型，絕對定位和相對定位
2. 清除浮動，什么時候需要清除浮動，清除浮動都有哪些方法
3. 如何保持浮層水平垂直居中
4. position 和 display 的取值和各自的意思和用法
5. 樣式的層級關(guān)系，選擇器優(yōu)先級，樣式?jīng)_突，以及抽離樣式模塊怎么寫，說出思路，有無實踐經(jīng)驗
6. css3動畫效果屬性，canvas、svg的區(qū)別，CSS3中新增偽類舉例
7. px和em和rem的區(qū)別，CSS中l(wèi)ink 和@import的區(qū)別是?
5. 了解過flex嗎?
「 Java 篇 」
Java 基礎(chǔ)
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ù)組的指定項和重新組裝數(shù)組(操作數(shù)據(jù)的重點)。
6. 怎樣避免全局變量污染?ES5嚴(yán)格模式的作用，ES6箭頭函數(shù)和ES5普通函數(shù)一樣嗎?
Java 的面向?qū)ο?/STRONG>
1. JS 模塊包裝格式都用過哪些，CommonJS、AMD、CMD。定義一個JS 模塊代碼，最精簡的格式是怎樣。
2. JS 怎么實現(xiàn)一個類。怎么實例化這個類。
3. 理解閉包嗎?請講一講閉包在實際開發(fā)中的作用;閉包建議頻繁使用嗎?
4. 說一下了解的js 設(shè)計模式，解釋一下單例、工廠、觀察者。
5. ajax 跨域有哪些方法，jsonp 的原理是什么，如果頁面編碼和被請求的資源編碼不一致如何處理?
「 開源工具 」
1)是否了解開源的架構(gòu)工具 bower、npm、yeoman、gulp、webpack，有無用過，有無寫過，一個 npm 的包里的 package.json 具備的必要的字段都有哪些(名稱、版本號，依賴)
2)github常用不常用，關(guān)注過哪些項目
3)會不會用 ps 扣圖，png、jpg、gif 這些圖片格式解釋一下，分別什么時候用。如何優(yōu)化圖像、圖像格式的區(qū)別
4)說一下你常用的命令行工具
5)會不會用git，說上來幾個命令，說一下git和svn的區(qū)別，有沒有用git解決過沖突
「 計算機網(wǎng)絡(luò)基礎(chǔ) 」
1)說一下HTTP 協(xié)議頭字段說上來幾個，是否盡可能詳細的掌握HTTP協(xié)議。一次完整的HTTP事務(wù)是怎樣的一個過程?
2)cookies 是干嘛的，服務(wù)器和瀏覽器之間的 cookies 是怎么傳的，httponly 的 cookies 和可讀寫的 cookie 有什么區(qū)別，有無長度限制
請描述一下cookies，sessionStorage和localStorage的區(qū)別
3)從敲入 URL 到渲染完成的整個過程，包括 DOM 構(gòu)建的過程，說的約詳細越好。
4)是否了解Web注入攻擊，說下原理，最常見的兩種攻擊(XSS 和 CSRF)了解到什么程度。
5)是否了解公鑰加密和私鑰加密。如何確保表單提交里的密碼字段不被泄露。驗證碼是干嘛的，是為了解決什么安全問題。
6)編碼常識：文件編碼、URL 編碼、Unicode編碼 什么含義。一個gbk編碼的頁面如何正確引
「 前端框架 」
1) 對 MVC、MVVM的理解
2) vue、angularjs等 相對于 jQuery在開發(fā)上有什么優(yōu)點?
3)前后分離的思想了解嗎?
4)你上一個項目都用到了那些方法優(yōu)化js的性能?
5)angular的生命周期?
6)說一下你對vue和vuex的使用方法，vue的組件復(fù)用機制
考察學(xué)習(xí)能力和方法
1)你每天必須登錄的網(wǎng)站(前端技術(shù)相關(guān))是什么?
2)前端技術(shù)方面看過哪些書，有無筆記，都有哪些收獲。
3)收藏了哪些代碼片段?有想過開源自己的代碼嘛?
4)怎么理解前端技術(shù)的大趨勢?自己再做哪方面的知識儲備?
5)是否了解或精通其他(后端)的編程語言?
6)做項目有沒有遇到哪些印象深刻的技術(shù)攻關(guān)，具體遇到什么問題，怎么找答案的，最后怎么解的。
7)對以后自己的前端職業(yè)路線，怎么規(guī)劃？
開放性問題(重要)
這些問題往往決定你是否最終被錄用或者等到終輪面試，技術(shù)點回答錯了不要緊，人腦不是機器，是可以惡補的。
但如果你沒有思想和獨到的思路，基礎(chǔ)挖的再深，可能也打動不了面試官，因為比你基礎(chǔ)好的一大堆，但每個人的個性思想?yún)s是不同的。
1. 如果需要你加班，你會加嗎，抵觸嗎?
其實你肯定抵觸，但你肯定要回答如果項目需要肯定會加。
2. 一個小項目讓你自己負(fù)責(zé)搭建底層一些架構(gòu)，你能勝任嗎?
回答例如：我肯定愿意嘗試，并做到最優(yōu)的選擇方案出來。
3. 如果項目拖太久，你情緒低落或者厭煩了怎么調(diào)節(jié)?
回答就是， 你結(jié)合自身挑著好聽的說就行，就像聊天。
