2018年5月前端面試題

在上家公司裸辭以後，通過一段時間休整，5月中下旬面試了一些公司，因爲本人框架使用的是vue，因此面試題涉及到框架的都是vue，現將面試題整理一下：

---

es6

列舉經常使用的es6特性。
let,const,var的區別。
箭頭函數this的指向。
手寫es6 class繼承。
promise的狀態，鏈式調用，同步異步流程，惟一性。
set去重。
設置屬性默認值。

---

js基礎

閉包，做用域，向上提高，隱式轉換（這幾個幾乎是必考題，基礎中的基礎）
列舉經常使用的5個字符串操做方法。
列舉經常使用的5個數組操做方法。
淺拷貝和深拷貝區別，描述或者手寫深拷貝。
call和apply的用法和區別。
繼承的幾種方法。
事件冒泡以及事件捕獲。
json,string,array的互相轉換。

---

css

清除浮動的方式。
過渡動畫。
左邊固定，右邊自適應佈局。
左右固定，中間 自適應佈局。
flex佈局以及經常使用屬性。
盒模型（box-sizing）。
選擇器和僞類。
position的幾種屬性。
less的一些優點。
重繪和迴流的描述及優化方案。

---

Jquery

jquery的優勢。
jquery的經常使用選擇器。
juqery事件綁定（on）
鏈式調用的原理。
經常使用的幾種方法。
經常使用插件。
$衝突如何解決。
jsonp的原理。

---

vue

鉤子函數及生命週期。
雙向綁定的原理。
父子組件以及兄弟組件的傳值。
vue數組添加屬性，渲染失敗緣由及解決方案。
computed和methods的區別。
nextTick使用場景。
vue-router傳參。
vuex的幾種屬性。
Mutation和Action的區別。

---

其餘

前端分頁和後端分頁優缺點。
http經常使用狀態碼。
301和302區別。
輸入url到頁面出現的流程。（包括瀏覽器渲染流程）
cookie,sessionStorage,localStorage區別及使用場景。
懶加載實現。
cdn原理。
經常使用的跨域解決方案（以及原理）。
webpack加載器順序。
webpack本地代理。
webpack打包壓縮實現。
移動端適配解決方案。
說出幾種性能優化方案。
一些兼容性、BUG問題。

---

程序設計

冒泡排序，快速排序。
數組去重。
將url參數轉成json（鍵值對）。
獲取字符串中出現次數最多的字符。
手寫正則：身份證，電話，郵箱。
tree包含多個子節點及孫節點，遍歷tree。
去除json中一些指定字符。
json中name屬性按照英文字母排序。（sort）
json中age屬性按照數字大小排序。（sort）
去掉字符串中的全部空格。