10月前端面試題目彙總

背景

上家公司經營問題，無奈致使技術團隊解散，又再一次奔赴找工做的大潮。謹以此文記錄一下面試過程當中遇到的問題。（不定時更新）

問題詳情

基礎知識

1. CSS 柵格系統的實現原理？
2. 什麼是 html5，它與 html4 的區別？
3. 寫出三種及以上的垂直水平居中的方法
4. 輸入url 到頁面渲染的整個過程是怎樣的？
5. 什麼是面向對象？其三大特性是什麼？

瀏覽器相關

1. 瀏覽器垃圾回收機制是什麼？
2. 什麼是內存泄漏，有哪些狀況？
3. 瀏覽器 Event Loop 機制？

new Promise((res,rej) => {
    console.log(1)
    setTimeout(()=> {
        console.log(4)
    }, 0)
    res(3)
}).then(x => {console.log(x)})
console.log(2)
// 輸出順序？

1. 瀏覽器的緩存機制？
2. put delete 請求參數與 get post 請求有何不一樣？
3. 請求報文，相應報文的組成有哪些？
4. 什麼是 websocket ?
5. 什麼是 web worker ?
6. 什麼是 PWA ?

Js 相關

1. 閉包的理解
2. 繼承的幾種實現方式
3. Jsonp 的實現原理
4. 用正則獲取一段字符串中全部的img標籤（須要考慮alt="內部含有 img 標籤"這個狀況致使的錯誤）
5. 談談你對 es6 的 map 和 set 的理解？ weakSet weakmap 與之相比有何區別？
6. 你用 js 如何實現 async 和 await ?

第三方庫

1. webpack 有哪些重要特性？有何優化使用經驗
2. Vue 和 React 的區別？
3. 實現雙向綁定有哪些方式
4. 談談對 Vue 動態組件和函數組件的理解。
5. Vue 自定義指令有哪些生命週期？
6. Vue 的 diff 算法？
7. Vuex 的事件流？如何設計一個 store ?
8. Vue 的 computed 與 watch 的使用區別？
9. Vue 中我設置一個 for 循環 10 次修改 data 中的值？頁面會渲染10次仍是一次？從性能上考慮應該是渲染一次，請問vue底層是如何實現渲染一次的？
10. Vue router 的實現原理？

功能相關

1. 百度如何統計用戶對頁面每一個 a 標籤的點擊行爲？
2. 當一個表格有上萬條數據時，如何優化使其頁面不卡頓？
3. websocket 鏈接突發失效有何解救方案？
4. 單頁面應用首頁渲染白屏如何解決？
5. 單頁面商城首頁上拉不斷加載商品數據，當數據量過大時會形成移動端頁面卡頓，如何優化而不失功能完整？
6. 前端性能優化？
7. web 攻擊有哪些？前端如何提升 web 安全性？

奇葩題

1. 須要您畫兩幅畫，正面有房子和泳池，背面有樹。
2. 咱們在馬路上看到的井蓋是圓是方，爲何？
3. 如何你是一個鉛筆高的人掉進了攪拌機中，如何逃出來？
4. 昨天我早上8點從山腳登山，晚上8點到山頂。次日我早上8點從山頂下來，晚上8點到山腳。問有沒有這樣一個時刻，昨天和今天我站在了同一個位置？

以上是我遇到的一些前端面試題，分享給你們，共同進步，但願離職的人兒早日找到一份好工做！！

我寫了一本前端經驗小書，也分享給你們。Github and 瀏覽網址