2020年前端面試複習必讀精選文章【贈複習導圖】

前言

之前寫過一篇一年半經驗如何準備阿里巴巴前端面試，給大家分享了一個面試複習導圖，有很多朋友說希望能夠針對每個 case 提供一個參考答案。

寫答案就算了，一是精力有限，二是我覺得大家還是需要自己理解總結會比較好。

給大家整理了一下每個 case 一些還算不錯的文章吧（還包括一些躺在我收藏夾裏的好文章），大家可以自己看文章總結一下答案，這樣也會理解更深刻。

<<<前端是我一輩子的信仰，寫代碼直到50歲>>>
關注微信公衆號：web前端學習圈
回覆關鍵詞【CSDN】領取2020年最新web前端系統學習教程（視頻+筆記+素材+源碼+項目實戰）全套整理約50G
另外公衆號每天都會分享學習方法，知識乾貨，實戰案例，面試技巧，經驗分享等相關文章，關注web前端學習圈=關注5000+前端大牛

並不是所有文章都需要看，希望是一個拋磚引玉的作用，大家也可以鍛鍊一下自己尋找有效資料的能力 ~

( 文章排序不分前後，隨機排序 ~

建議收藏文章，結合複習導圖食用，效果更佳。

完整複習導圖全展開太大了，可關注公衆號「前端試煉」回覆【面試】獲取。

1. JavaScript 基礎

1.1 執行上下文/作用域鏈/閉包

1.2 this/call/apply/bind

1.3 原型/繼承

1.4 Promise

async function async1() {
    console.log('async1 start');
    await async2();
    console.log('async1 end');
}

// 相當於
async function async1() {
    console.log('async1 start');
    Promise.resolve(async2()).then(() => {
      console.log('async1 end');
  })
}

1.5 深淺拷貝

1.6 事件機制/Event Loop

這個知識點真的是重在理解，一定要理解徹底

for (const macroTask of macroTaskQueue) {
  handleMacroTask();
  
  for (const microTask of microTaskQueue) {
    handleMicroTask(microTask);
  }
}

1.7 函數式編程

1.8 Service Worker / PWA

1.9 Web Worker

1.10 常用方法

太多了... 總的來說就是 API 一定要熟悉...

2. CSS 基礎

3. 框架(Vue 爲主)

3.1 MVVM

3.2 生命週期

3.3 數據綁定

3.4 狀態管理

3.5 組件通信

3.6 Virtual DOM

3.7 Diff

3.8 Vue 計算屬性 VS 偵聽屬性

3.9 React Hooks

3.10 React Hoc/Vue mixin

3.11 Vue 和 React 有什麼不同

從思想、生態、語法、數據、通信、diff等角度自己總結一下吧。

4. 工程化

4.1 Webpack

4.2 Babel

4.3 模板引擎

4.4 前端發佈

4.5 weex

4.6 前端監控

5. 性能優化

5.1 打包階段

5.2 其它優化

6. TypeScript

7. 網絡

7.1 HTTP

7.2 HTTPS/HTTP2

7.3 DNS

7.4 TCP

7.5 CDN

7.6 經典題

8. 設計模式

9. 數據結構/算法

10. 安全

11. Node

12. 項目/業務

思考題，自由發揮

13. 其它

14. 面試

15. 書單

推薦一些值得看的書，基本都是我看完或者有翻過幾頁覺得不錯但是還沒時間看的書。

15.1 JavaScript

JavaScript 高級程序設計（高程就不多說了，第四版有英文版）
JavaScript 設計模式
你不知道的 JavaScript
JavaScript 語言精粹
高性能 JavaScript
Learning TypeScript 中文版
深入理解 ES6
ES6 標準入門
深入理解 JavaScript 特性

15.2 CSS

CSS 權威指南（建議看英文版）
精通 CSS 高級 Web 標準解決方案
CSS 世界（張鑫旭老師的大作，但是建議需要有一定 CSS 實踐後再看）

15.3 Node

Node.js 實戰
了不起的 Node.js

15.4 計算機基礎

大話數據結構
圖解 HTTP
計算機/程序是怎樣跑起來的
學習 JavaScript 數據結構與算法

15.5 工程化/瀏覽器/軟技能

前端工程化體系設計與實踐
webpack 實戰：入門、進階與優化（瞭解一下 webpack 的所有會涉及到的知識點）
WebKit 技術內幕（講瀏覽器的，挺好的）
重構：改善既有代碼的涉及
碼農翻身
程序員思維修煉
編碼：隱匿在計算機軟硬件背後的語言
寫給大家看的設計書
技術之瞳：阿里巴巴技術筆試心得

結束語

上文整理了網上的一些相關文章和躺在我收藏夾裏精選文章，有一些文章還沒看，還需要持續學習呀 ~

放棄了假期快落的島上生活（動森），吐血整理這份資料，希望對大家有所幫助~