從面試看出來的前端問題

https://yuchengkai.cn/docs/zh/

這個文檔會幫到你的

不能只關注平常工作中遇到的問題和用到的技術，新的東西也要時不時的看看，不然的話很容易脫節(jié)的，現(xiàn)在前端技術更新的太快了。。。

從業(yè)兩年半，說來慚愧，除了let const和閉包，其他的別說答上來了，在項目中都沒用過，感覺再不學習就要被淘汰了，向樓主和@呆戀小喵學習，兩位妹子都比我強這么多。

同三年，我做的是ionic開發(fā)，rn沒怎么用過。
rn外的其他問題除了三次握手，話說握手應該是tcp層的東西把，只知道消耗很大，所以善用長鏈接可以某些情況下可以優(yōu)化性能。其他問題我都覺得是基礎的不能再基礎的問題了。。。

promise那東西，你自己照著文檔實現(xiàn)一個promise就理解了，并不難。主要是resolv值的處理過程，還有幾個靜態(tài)和公用方法。如果你js基礎好，看著文檔估計一天就能寫出來。
其他的都是js語言核心的基礎問題，而且你列的這幾個也不是特別偏的js語言基礎問題，啃書就行了。反正犀牛書這本書，語言核心部分我看了3遍，客戶端js部分看了2遍。。。

懂得原理才能做出好的東西啊，debug時不懂原理都不知道問題在哪，如何解決問題？什么時候基礎都時最重要的。

我最近面試了好幾家公司，面試的形式都不太一樣，有注重問基礎的，有偏向于問框架的，不過還要問到框架的原理，還有問項目的，還有問的是簡歷上提及的，感覺能力是平時一點一滴積累的，不然面試的時候總會有很多不會的

現(xiàn)在這種狀態(tài)是不是錯誤的？在工作的時候不注意這些基礎的問題，總是一味地去寫代碼！
面試前一定要刷面試題么？我該如何在工作的時候注意這些基礎知識呢？

給你分享下我積攢的面試題目吧：

JavaScript：

1. 原型繼承（手寫 class B 繼承 class A）
2. call、apply、bind 區(qū)別
3. 解釋什么是閉包及其應用
4. 變量作用域 + 變量提升
5. 字符串整型數字轉數字有多少種實現(xiàn)方法（隱式轉換）
6. 異步編程（回調、promise、async await）（js 單線程 event loop）（手寫原生實現(xiàn)簡易 promise）
7. js 事件模型（手寫原生實現(xiàn)簡易事件監(jiān)聽）
8. localStorage、cookie（與緩存相關的 cookie 有哪些）
9. csrf、xss、https（網絡安全）
10. 跨域請求如何實現(xiàn)

ES6：

1. let、const（for 循環(huán)示例）
2. set、map
3. 箭頭函數 this 的特點
4. 常用語法有哪些

布局:

1. 水平垂直居中（定尺寸、不定尺寸）
2. flex（等高布局、自適應布局、垂直居中）
3. 自適應正方形（padding、vw）
4. 移動端屏幕適配（如何實現(xiàn) rem）（如何實現(xiàn) 1px border）
5. 清浮動有哪些方法（涉及 BFC）

Vue：

1. vue 響應式原理
2. 計算屬性、watch 差別
3. vue 生命周期
4. 非繼承關系組件通訊（vuex、發(fā)布訂閱）

編程：

1. 數組去重（數組項類型多樣）
2. 求無序數值數組序列最大值
3. 常用數組操作有哪些（哪些破壞原結構）
4. 排序算法（涉及復雜度）
5. 位運算（兩數之和）（成對數值數組尋單）
6. 斐波那契數列
7. 階乘
8. 反轉鏈表
9. 遍歷 dom 樹（廣度優(yōu)先、深度優(yōu)先）

其它：

1. html5 新特性有哪些（語義化標簽、音視頻、緩存...）
2. hybrid 與 native 通訊方式有哪些（混合開發(fā)有什么優(yōu)勢）（如何實現(xiàn)熱更新）
3. 遇到過哪些 ios、android 兼容問題
4. sass、less、postcss（作用、優(yōu)點）
5. 對 webpack 的理解及使用
6. 開啟一 html 經歷哪些
7. 性能優(yōu)化（圖片處理：webp、base64、合并、壓縮、延時加載...）（預渲染）（靜態(tài)資源體積減?。ㄙY源異步加載）（資源緩存）
8. git 常用命令（git revert、git reset 區(qū)別）
9. 微信授權登錄流程（openid、unionid 區(qū)別）
10. AMD、CMD（require()、import、import() 應用場景）

實踐：

1. 富文本混入多種類型卡片的實現(xiàn)
2. 純 css 繪制正六邊形（一個標簽實現(xiàn)）（svg、裁切亦可）
3. 純 css 繪制進度圓環(huán)（應用于任務中心）（svg、裁切亦可）
4. 如何實現(xiàn)拖拽

那代碼也是漏洞百出的垃圾。不會還用Vue吧，那就又說中了。

除了框架的問題，其他的問題都是js基礎，都應該掌握的。雖然您工作了三年多，但是不一定系統(tǒng)地學習，建議面試前還是花些時間刷一下面試題。