前端面試題

找工做時在網上找的面試問題以及本身梳理/查找出來的答案。方便你們/我往後查看。(面試問題出處：http://www.javashuo.com/article/p-fnbljxtu-s.html)

【CSS】

1. CSS 盒子模型，絕對定位和相對定位 —— http://www.javashuo.com/article/p-kneapvct-e.html

2. 清除浮動，何時須要清除浮動，清除浮動都有哪些方法 —— https://blog.csdn.net/zengyonglan/article/details/53304487

3. 如何保持浮層水平垂直居中 —— https://blog.csdn.net/zengyonglan/article/details/53334326

4. position 和 display 的取值和各自的意思和用法 —— https://blog.csdn.net/splendid_can/article/details/53351393

5. 樣式的層級關係，選擇器優先級，樣式衝突，以及抽離樣式模塊怎麼寫，說出思路，有無實踐經驗 —— https://blog.csdn.net/fuohua/article/details/75735125

6. css3動畫效果屬性 —— https://blog.csdn.net/clmmei_123/article/details/81910157  

7. canvas、svg的區別 —— http://www.javashuo.com/article/p-ztqxyeqb-cc.html  

8. CSS3中新增僞類舉例 —— https://blog.csdn.net/qq_41696819/article/details/81531494

9. px和em和rem的區別，CSS中link 和@import的區別是？——  http://www.javashuo.com/article/p-wsfzowmo-bx.html

10. 瞭解過flex嗎？ —— http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

【JavaScript】

  基礎：

1. JavaScript 裏有哪些數據類型，解釋清楚 null 和 undefined，解釋清楚原始數據類型和引用數據類型。好比講一下 1 和 Number(1)的區別。 —— https://blog.csdn.net/splendid_can/article/details/53351481

2. 將一下 prototype 是什麼東西，原型鏈的理解，何時用 prototype。 —— http://www.javashuo.com/article/p-uqhpneea-by.html

3. 函數裏的this什麼含義，什麼狀況下，怎麼用。 —— http://www.javashuo.com/article/p-xrlzencv-z.html

4. apply和 call  什麼含義，什麼區別？何時用。（我有篇文章 重點分析過） —— https://blog.csdn.net/MooreLxr/article/details/86807418

5. 數組和對象有哪些原生方法，列舉一下，分別是什麼含義，好比鏈接兩個數組用哪一個方法，刪除數組的指定項和從新組裝數組（操做數據的重點）。 —— https://www.bbsmax.com/A/l1dyYrg9de/

6. 怎樣避免全局變量污染？ES5嚴格模式的做用，ES6箭頭函數和ES5普通函數同樣嗎？ —— https://blog.csdn.net/xllily_11/article/details/52816699  https://www.jianshu.com/p/c5755eba878c

  面向對象：

1. JS 模塊包裝格式都用過哪些，CommonJS、AMD、CMD。定義一個JS 模塊代碼，最精簡的格式是怎樣。 —— https://www.jianshu.com/p/bd4585b737d7

2. JS 怎麼實現一個類。怎麼實例化這個類。 —— https://www.jianshu.com/p/998b55ca7abf

3. 理解閉包嗎？請講一講閉包在實際開發中的做用；閉包建議頻繁使用嗎？ —— https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures

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 有什麼區別，有無長度限制 —— 

3. 請描述一下cookies，sessionStorage和localStorage的區別 —— 

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

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

6.  是否瞭解公鑰加密和私鑰加密。如何確保表單提交裏的密碼字段不被泄露。驗證碼是幹嗎的，是爲了解決什麼安全問題。 —— 

7.  編碼常識：文件編碼、URL 編碼、Unicode編碼 什麼含義。一個gbk編碼的頁面如何正確引 —— 

【前端框架】

1.  對 MVC、MVVM的理解 —— 

2.  vue、angularjs等 相對於 jQuery在開發上有什麼優勢？ —— 

3.  先後分離的思想了解嗎？ —— 

4.  你上一個項目都用到了那些方法優化js的性能？ —— 

5.  angular的生命週期？ —— 

6.  說一下你對vue和vuex的使用方法，vue的組件複用機制 —— 

 【考察學習能力和方法】

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

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

3.  收藏了哪些代碼片斷？有想過開源本身的代碼嘛？ —— 

4.  怎麼理解前端技術的大趨勢？本身再作哪方面的知識儲備？ —— 

5.  是否瞭解或精通其餘（後端）的編程語言？ —— 

6.  作項目有沒有遇到哪些印象深入的技術攻關，具體遇到什麼問題，怎麼找答案的，最後怎麼解的。 —— 

7.  對之後本身的前端職業路線，咋麼規劃 —— 

 【開放性問題】

這些問題每每決定你是否最終被錄用或者等到終輪面試，技術點回答錯了沒關係，人腦不是機器，是能夠惡補的。

但若是你沒有思想和獨到的思路，基礎挖的再深，可能也打動不了面試官，由於比你基礎好的一大堆，但每一個人的個性思想倒是不一樣的

 

1. 若是須要你加班，你會加嗎，抵觸嗎？

　　其實你確定抵觸，但你確定要回答若是項目須要確定會加

2. 一個小項目讓你本身負責搭建底層一些架構，你能勝任嗎？

　　我確定願意嘗試，並作到最優的選擇方案出來

3. 若是項目拖過久，你情緒低落或者厭煩了怎麼調節？

　　回答就是， 你結合自身挑着好聽的說就行，就像聊天

4. 你建議本身造輪子，仍是利用開源的輪子？

　　回答：根據實際狀況而定，若是開源徹底知足 能夠本身二次開發就好，大大縮短開發週期

　　若是實在沒有契合度很高的，能夠花費幾個工做日嘗試造輪。