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

基礎

簡單介紹一下自己，為什麼選擇做前端？
說下你所在的EPI實驗室和CTG工作室是幹什麼的？
介紹下你最近的專案？
說出你覺得自己身上最優秀的能力？
說出你未來的規劃？
你最近有沒有什麼想要學習的技術？
你有什麼要問我的？

佈局相關

position的值有哪些？
css有哪些垂直水平居中方式？
css選擇器有哪些？選擇器的優先順序？
CSS屬性選擇器和偽類選擇器的優先順序?
使用css實現一個持續的動畫效果
右邊寬度固定，左邊自適應怎麼佈局？
實現水平垂直居中
Flex佈局用的多嗎？
移動端適配怎麼做的？
你用到了Flex，請問flex怎麼設定垂直水平居中？

概念

瀏覽器高階特性有了解嗎？（service worker）
瀏覽器CSS Hack手段有哪些？
為什麼瀏覽器需要同源策略？
瀏覽器跨域的幾種方式？
瀏覽器效能怎麼優化？（從多個方向上去答）
JS基本資料型別有哪些？

原理

為什麼 var 可以重複宣告？
四種定位的區別
let與var的區別？
如何讓子類繼承父類的方法與屬性？
怎麼傳送一個跨域的POST請求？

框架

Vue是如何實現雙向繫結的？看過Vue原始碼嗎？
Vue中的路由你使用的哪種模式？如何與後臺溝通路由？
說下你ES6、7中用到哪些東西？
CommonJS 中的 require/exports 和 ES6 中的 import/export 區別？
Vue怎麼實現雙向繫結的？

程式碼

怎樣判斷一個數組是陣列？
怎麼用JS實現一個佇列？
描述出任意一個排序演算法？
封裝一個函式，引數是定時器的時間，.then執行回撥函式。
一行程式碼實現陣列去重？
使用addEventListener點選li彈出內容，並且動態新增li之後有效
使用js實現一個持續的動畫效果
只允許使用css，讓一個頁面原有dom不可見的多種解決方法

文末福利：

福利二：微信小程式入門與實戰全套詳細視訊教程。

【領取方法】

關注 【程式設計微刊】微信公眾號：

回覆【小程式demo】一鍵領取130個微信小程式原始碼demo資源。

回覆【領取資源】一鍵領取前端，Java，產品經理，微信小程式，Python等資源合集10G資源大放送。

90後前端妹子，愛程式設計，愛運營，愛折騰。
堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。