三月份有很多朋友辭職跳槽，也遇到了許許多多的面試題，在交流群裡和網站上總結了一些常見的面試題，細細分析，其實基本都是萬變不離其宗，所有的問題都是從某一技術點的基礎出發，綜合考量，如果懂得了這項技術的原理所在，題目答起來內容都差不多能答對。

基礎

• 首先介紹一下自己最近的專案？
• 專案介紹一下，最有成就感的一個專案？
• 介紹一下你自己對自己滿意的能力？
• 為什麼學前端？除了前端你還寫什麼？
• 你認為前端的主要工作職責是什麼？為什麼需要前端？

概念：

• 什麼是同源策略？
• 怎麼設計好的元件
• HTTP和HTTPS的區別？HTTP2.0的區別？它們的預設埠是什麼？
• 說下BFC是什麼？
• CDN有了解嗎？怎麼讓請求在最近的站點下載？
• 說說你對Flex的理解，rem你怎麼理解的？
• 閉包介紹一下你的理解？用處，缺點
• 跨域有了解嗎？
• 瀏覽器快取你知道哪些？
• Cookie、Session、Webstorage的區別
• 介紹一下盒子模型？

框架

• react優勢(元件化、虛擬dom)
• React有用過嗎？
• ES6有用過嗎？介紹一下？Promise有用過嗎？
• 實現 vue 中的 on,emit,off,once，手寫程式碼
• vue 的雙向繫結機制？詳細介紹。
• nodejs處理請求過程
• 對ES6瞭解多少？

原理

• github開源做過哪些，命令瞭解哪些，貢獻過什麼，pr過嗎

• webpack原理

• requestAnimationFrame 原理？是同步還是非同步？

• 哪些操作會引起瀏覽器重繪和重排？

• JavaScript原型你的瞭解？

• JS的深拷貝和淺拷貝的區別？

• 堆和棧有什麼區別？

• 怎麼取消事件冒泡？

• 獲取頁面元素位置與寬高？

• 說下你知道的HTTP 狀態碼

• Flex用過嗎？用過哪些？

• 簡單說下從url輸入到頁面輸出的整個過程

手寫程式碼：

• js bind 實現機制？手寫一個 bind 方法？
• 用 js 實現雙鏈表，手寫程式碼？
• 陣列去重的多種實現？
• 寫一個函式，引數為url，輸出一個物件，為查詢字串中的各個值
• js事件機制？點選螢幕上一個按鈕，事件是如何傳播的？

答案持續更新中.....

原文作者：祈澈姑娘；技術部落格：https://www.jianshu.com/u/05f416aefbe1
90後前端妹子，愛程式設計，愛運營，愛折騰。堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

文末福利：