前端社招神策資料二輪面經_前端時代週刊

theme: channing-cyan

背景

由於所在行業受政策的影響，公司考慮轉型，而且為了節省成本，進行了裁員，我不幸在此次的優化名單中。

雖然拿到了裁員的賠償，在休息幾天後，我還是拿起了書本，開始複習找工作。

網上五花八門的面試題很多，大部分都彷彿還是幾年的題庫。再想想這幾年的新技術點，發現自己的知識體系還是有很多遺漏的。

於是按照找工作的習慣，從原型鏈開始，函式繼承，頁面渲染流程，頁面效能優化，Promise，ES6，CSS，前端常見手寫實現，演算法……把常見的知識點簡單過了一遍。之後就是開始面試找狀態。

本次的神策資料面經總結只發記錄的面試題,不加自我的分析和答案了.有些問題屬於專案經驗相關的面試題,可能仁者見仁,沒有標準答案還需要根據自身情況做準備.還有一些技術性的問題,在小程式前端面試題寶典(點我)都能找到詳細的答案解析就不一一列舉了

一面

這次依舊是影片面試，不過面試官還是讓先進行自我介紹，終於找回若干年前的面試感覺了。

簡單的自我介紹後，面試官又問了印象最深的一個專案，又具體問了系統在實現過程中的難點。建議大家在面試前，對自己簡歷中涉及到的專案都進行簡單的回顧。

接著問了一些前端基礎知識：

頁面渲染的過程
事件迴圈是什麼？非同步事件是怎麼進行的回撥？
跨域的解決方法？
CORS是需要後端做什麼？
http請求的型別，除了GET、POST外，還有什麼？
你提到的OPTION請求是什麼？跨域時先發一個OPTION請求有什麼用？
怎麼提高react的渲染效能？
react hooks如何減少渲染？
webpack的loader是怎麼工作的？輸入輸出是什麼？sass檔案是怎麼轉成css檔案的？sass-loader、css-loader、style-loader的作用分別是什麼？處理順序是怎麼樣的？
頁面上的圖片是在什麼時候進行載入？
html中的img和css中的img有什麼不同？
script標籤中的async和defer有什麼不同？
base64轉換圖片，為什麼會有尺寸的限制？為什麼base64轉換後，體積會變大？
...

之後還有幾道程式設計題：

```javascript // 實現一個 calc 方法，可以將輸入的數拆解為儘可能多的乘數，所有數相乘等於輸入數。 // console.log(calc(2)); // // [2] // console.log(calc(8)); // // [2, 2, 2] // console.log(calc(24)); // // [2, 2, 2, 3] // console.log(calc(30)); // // [2, 3, 5]

// 如下表格，點選 .date 後使表格按日期排序，當前是正序則改為倒序，當前是倒序則改為正序，要求以原生 JavaScript 實現。